[collie]

hi,

http://davidcolligan...ain/index3.html

im having a problem with drop down nav, its only on the bikes and accessories section, when u hover bikes you cnt really tell, but when u hover accessories u can see it looks weird, im wanting it so that the box that the drop down is in sits nicly under each heading, and the text fits inside nice and looks right,

any help would be much appreciated

thanx collie

[collie]

also when you view this on internet explorer, the drop down nav just disapears, you are not able to go onto it

[Renaissance-Design]

They're aligning themselves to the left of their parent <li> - it's the parent <li> that's the problem. Take a look in Firebug (or your browser's equivalent dev tools or add this:

.nav>ul>li { outline: 1px solid red; }

and you'll see what I mean. (BTW, "outline" is a good rule for testing as it doesn't add width and height to the element like border does.)

As far as the IE problem goes, you need to make sure the menu's top value is equal to the height of the parent element - any gap will mean you lose the hover as your cursor passes over the gap. Try changing:

.nav ul ul { top: 30px; }

to:

.nav ul ul { top: 100%; }