Vertical CSS Menu not working

HTML & CSS
1

Hi,

I am working on a wordpress site. I an creating a vertical drop down. But child menu is not working properly. If i am using

visibility: hidden;

The drop down menu does not show on hover.

Here is the website address.

http://coshoutdoorfurniture.com.au/

Please help me to sort the issue.

Thanks

2

Hi,

I’m not quite sure what you are attempting to do as you only seem to have one drop down menu item and it is visible at all time. Usually you would hide it off screen with absolute positioning and then bring it back when you need it.

e.g.


#navwrap ul li{position:relative}
#navwrap ul ul{
position:absolute;
left:-999em;
z-inex:10;
}
#navwrap ul li:hover{z-index:99}
#navwrap ul li:hover ul{left:0}
3

Thanks… its done…

4