Hi
Suppose I want a header containing an image floated left and a list of
horizontal links floated right.
So I float the image left. I then do the following with the list:
ul = float: right
li = display: inline
li a = display: block; float: left
I display: block on the a elements so I can apply vertical padding and
background images.
This works fine in IE6/IE7 and Firefox but not Safari for Windows, where
the list appears to lose its float: right property, and instead rests
against the right side of the image.
You can see a test case here:
http://www.lester1.eclipse.co.uk/test/
Is this a Safari float bug? How can I get the list to float right in Safari?