CSS Drop Down Menu

Having some issues with getting the drop down part to work.

[Tommybob3000]

Hello there!

I've been having trouble with this for a very long time and have decided to succumb to actually asking someone.

I want to create a drop down menu with CSS and HTML for my website and have it all sorted out except for the vital part of the drop down. They are basically not hiding until their parent is hovered on and are just always there.

I've tried messing about with the z-index but to no avail, I can post code but only if people need me to do it (I.E I haven't explained myself very well).

Hope you can help :)

Tommybob3000

[alt131]

Hi Tommybob3000m and welcome to WebmasterWorld,

z-index can get a bit complicated in drop downs, but I expect the issue is the hide/show. Have you tried setting

visibility:hidden

on the drop downs, then

visibility:visible

on

:hover

so the drop downs appear when the user hovers?

[edited by: alt131 at 2:52 pm (utc) on Sep 23, 2012]

[MichaelBluejay]

alt131 is right on, and if that's not enough to get your code working, then just start with one of the plentiful CSS menu methods that have already been coded by others. Just type "css menus" into your favorite search engine.