Safari bug? Float, float, relative, absolute.
I got this working in every single browser except Safari. I have a
div positioned absolutely within a
div positioned relatively and floated within a floated
div. I've nicknamed it the "Safari Float-Float Bug" but only because it sounds cool.
I've put together an example that demonstrates the wierd behaviour (you'll need Safari to see the effects).
I don't have a solution as of yet except to avoid this specific combination. Feel free to offer any additional insight.
Update: Looks like it's a version thing. At work, we have a machine with version 1.0.3. I got someone to look at it with 1.2.4 and it is rendering correctly.
Update: Seems to apply to Netscape 6 through 7.1, as well. Setting the float on the container
div creates layout issues similar to Safari. At this point, I'm using a table (*gasp*) to create some consistency in layout.