Safari bug with DLs and floats
I came across a weird Safari bug today and couldn’t find any other mention of it on the interwebs. Here’s the CSS and HTML to reproduce it:
What’s happening is that safari is adding a right margin to the
dd, even though it is explicitly set to 0. Removing either the
float: left from the
position: overflow from the
dd (which is used to clear the floats) makes the right margin go away. Very odd.
My ultimate solution was just to add a
div inside the
dd that set
overflow:hidden to clear the floats.