Search code examples
csssubmenu

Submenu not appearing vertical

I've been fighting with this for probably 6 hours now and am completely stumped. I can't get the submenu to appear vertical on mouse hover. Here's the link from cssdesk. What am I messing up? I know it's something really simple.

http://www.cssdesk.com/n8WCm

If the link doesn't work for you, please see this snippet:

.nav8 ul .sub-menu{
    position:absolute;
    display:none;
}

.nav8 li:hover ul.sub-menu {
    display: block;
    background:#000;
    border: 1px solid #ececec;
}

If there is more that you need, please let me know.

Solution

  • Add To your Css

    .nav8 ul li li{
    clear:both;
}
.nav8 ul li ul{
    width:20% !important;
}