Hello All,

I've inherited a project and am working on the main navigation. The main CSS file that I've been handed is about 4000 lines long so I've grabbed the relevant css/xhtml and uploaded it here: http://www.visualchefs.com/test.html

The nav almost works as designed but I'm stuck with one thing and it's early so the brain is still off. The nav has a small drop down arrow centered underneath the main links. The arrow should remain in place and change color when the dropdown list is displayed -- this part works fine. However, because of the markup / design, the hovered dropdown list has a missing section of color (6px high white area at top right part of the inner ul). The light grey area should expand full width instead of having the indention as it does now. Now I understand why it's happening but don't know of a way around it. Note that the arrow has to remain centered under the parent link.

Oh, and I know this doesn't work in ie6 yet but I'll figure that out when/if I get that far.

Thanks in advance for your help.

-Shawn

Daniel,

Thanks for your help. Your idea gets the display right but prevents me from being able to hover over the dropdown items. Any other ideas?

-Shawn