Date: 10/26/07 (Web Development)    Keywords: no keywords

I've encountered a weird problem in Safari 2 on the mac (Safari 3 on mac and PC,IE 6/7 and FF are fine).

It's a nested UL with floated LIs.

UL LI x5
UL LI x6
UL LI x5
UL LI x8

So it appears as:

ul
li li li li
li

ul
li li li li
li li

and so on.

The strange thing is, the first three overlap each other, the last one doesn't.
If I remove the float on the UL, it works but they display as:

ul li li li li
li ul li li li
li li li li

Bizarre, eh? Anyone hit this before?

Source: http://community.livejournal.com/webdev/443543.html