CSS for menu expander

[mcharalambous]

Hey Guys,

So... i have a website, had it a while now and basically i want to improve the menu. At the moment, it has the main nav with a certain amount of buttons, which when hovered over show their subordinate pages in a sub-navigation below. However, the issue is, the sub-nav below has a white background which is ALWAYS there.

What i want to happen is the white bar is not there, then ONLY when a user hovers over a button does it appear (sliding down or something) revealing the subordinate links.

Does this make sense? If anyone can help me with the coding for this i'd be forever in their debt. Or even point me in the right direction to a tutorial, i can't seem to find one, at least then i could try and apply that to the current menu myself.

Thanks
Michael (one of the new guys)

[edited by: alt131 at 12:26 pm (utc) on Aug 14, 2012]
[edit reason] Thread Tidy [/edit]

[alt131]

Hi mcharalambous and welcome to css,
It does make sense! I'm just not sure of the exact source of the issue. What happens when you set the desired background-color on the sub-nav elements (or the element creating the "bar", then change it to white on :hover? Also are you sure the sub-nav/other element has been hidden so it only becomes visible on :hover?