Annoying CSS issue with floating ul element

HTML & CSS
1

Hi,

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

http://designerstaticfiles.com.nmsrv.com/bfc_design/

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)

TIA

Andy

2

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}
3

Thanks - works like a charm :slight_smile:

4