CSS Dropdown menu bar problems

[mfox]

Dear CodingForums members,

I would be very grateful for your help on my menu bar problems, live example @

http://goo.gl/WzDI8

The first problem: Submenu dropdown for Item 2.
It works ok in Firefox and Chrome, but is temperamental in IE. Sometimes it drops down in IE, and other times it doesn't, and really depends on how fast I roll over the mouse or where I start the rollover. I know the problem is related to my top/bottom padding, and as you can see I have a hover style which doesn't fill up the entire height of the bar. How can I keep the same style, while resolving the rollover problem with IE.

The Second problem: Font color of submenu items.
It ends up being the same color as the parent/main menu in hover(state) white, but I wish it to be grey and then go to white when in the hover state.

I am very grateful your expert opinion.
Thank you
MFox

[Sammy12]

Originally Posted by mfox

The Second problem: Font color of submenu items.
It ends up being the same color as the parent/main menu in hover(state) white, but I wish it to be grey and then go to white when in the hover state.

Yeah, when the <li> is hovered, all of the <a> tags within it are changed to white.
You can have it only effect the <a>'s directly after the <li> by using the ">" selector.

On line 54 of base.css:

#navbar li:hover > a {
    color: white;
}

--------------------------

EDIT: jk, no easy way to fix the first problem.

[mfox]

Sammy - Many thanks for your problem solving.
I am most grateful.

I'll await to see if anyone else can help with the first problem