Mozilla clearer drops float

Clearing element: This is a div with clear:both applied.

This is a testcase related to the post Mozilla, clearers, and dropped floats. Please make any links lead to that post, not to this document.

Tab to a link in the sidebar (give it focus) and watch the sidebar drop. If you first tabbed to the link in this column, you may need to tab to the second link in the sidebar before the problem occurs. This does not happen if the Clearing element above is removed. After the float has dropped, resize the window and it jumps back up.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec risus. Sed rhoncus sodales metus. Donec adipiscing mollis neque. Aliquam in nulla. Quisque faucibus tellus. Proin iaculis. Donec lobortis. Maecenas ut velit. Quisque molestie wisi. Sed sem lectus, ullamcorper quis, bibendum in, tincidunt quis, nulla. Nulla malesuada. Donec a elit at risus bibendum commodo. Duis quis ipsum. Sed ultricies, odio quis rutrum porta, lorem lacus sodales erat, nec scelerisque felis ipsum ut diam. Nunc lorem eros, dignissim quis, rhoncus sit amet, mattis eu, lacus. Vestibulum ipsum tellus, imperdiet iaculis, vulputate gravida, venenatis sit amet, lacus. Cras cursus. Cras dignissim mauris nec lorem. Curabitur malesuada. Nulla eleifend.

Donec sodales consectetuer nunc. Aenean nec augue. Curabitur commodo, felis at tristique venenatis, nunc pede luctus risus, quis eleifend tellus mauris eu nisl. Vivamus varius dictum tellus. Nam ornare sem ornare justo. Praesent eget magna ut erat ullamcorper adipiscing. Suspendisse potenti. Donec lorem. Sed in velit. Maecenas molestie pharetra lacus. Donec in velit. In metus tortor, elementum in, porta vitae, posuere eu, purus. Quisque quis est. Nunc odio nibh, aliquam eget, ultrices quis, dignissim sit amet, augue. Mauris vitae turpis eget ligula porttitor nonummy. Etiam pulvinar bibendum tellus. Nam nulla nisl, elementum nec, posuere eget, dignissim vel, dolor.

Quisque sit amet nisl at velit porta tempus. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque feugiat auctor urna. Vivamus tincidunt pede eu tortor dictum sagittis. Nullam porta ultricies sapien. Proin eleifend, lacus eu ultricies bibendum, tellus mauris lobortis purus, quis tincidunt dolor lacus eu ante. Duis vulputate dictum lacus. In eros. Proin diam odio, sollicitudin nec, laoreet non, facilisis ut, arcu. Ut dictum. Phasellus lectus elit, convallis ac, gravida sed, vehicula aliquam, sem. Suspendisse elit. In fermentum. Aenean fermentum iaculis velit. In nec tellus. Fusce nec lacus ut turpis tempor semper. Etiam mattis venenatis leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.

Lab Index | 456 Berea Street Home | Copyright © 2003-2014 Roger Johansson