Float + negative margin problems in Safari

This test case demonstrates a problem with Safari 1.3 and 2.0. Using a combination of float and negative margins on an element makes any links in the element unclickable. Text also becomes very difficult to select, and if you tab through the links they disappear when they lose focus. A workaround, as demonstrated in test case 2, is to add position:relative to the CSS declaration for any floated elements with negative margins.

The related discussion is in the post Safari Wishlist.

Aliquam wisi. Vestibulum nec justo. Cras orci nisl, fringilla id, placerat et, nonummy dignissim, velit. Suspendisse vulputate, est quis condimentum placerat, orci erat consectetuer odio, id lacinia diam neque vel urna. Praesent suscipit quam id est. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque gravida urna a diam. Cras ornare eros. Donec vel wisi nec elit suscipit auctor. Ut vitae nisl ut magna pharetra scelerisque. Integer commodo. Curabitur rhoncus fringilla eros. Nulla facilisi.

 
Lab Index | 456 Berea Street Home