Annoying CSS issue with floating ul element


I’m trying to get a simple menu system to work:

If you click on the “About Us” menu item, a sub-menu is loaded using jQuery. However, as soon as you move away from it - something weird happens, and it changes onto just a single line for those elements.

Can anyone spot my boo boo? Its driving me up the wall! (especially seeing as this is a free project I’m doing for my local church)



Try changing the drop down to not be floated to stop it going horizontal:

#menu ul.dropdown li li{float:none}

Or you could just clear it.

#menu ul.dropdown li li{clear:left}

Thanks - works like a charm :slight_smile: