1 reply [Last post]
zentetsuken
zentetsuken's picture
Offline
newbie
Last seen: 9 years 27 weeks ago
Timezone: GMT+8
Joined: 2013-09-12
Posts: 1
Points: 2

hi guys, hope you can help me with this. I had problem with the "disappearing" for days and unable to solve the problem for my own site.

/*-------- Drop Down Menu -------*/

#menubar {
    background: #transparent;
    width: 1200px;
    color: #FFF;
        margin: 0px;
        padding: 0;
        position: relative;
        border-top:1px solid #transparent;
        height:35px;
}
 
#menus {
    margin: 0;
    padding: 0;
}
 
#menus ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
 
#menus li {
    list-style: none;
    margin: 0;
    padding: 0;
        border-left:0px solid #000000;
        border-right:2px solid #000000;
        height:35px;
}
#menus li a, #menus li a:link, #menus li a:visited {
    color: #000;
    display: block;
   font:normal 18px Georgia, Arial, Tahoma, Helvetica, FreeSans, sans-serif;    margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
}
 
#menus li a:hover, #menus li a:active {
    background: #130000; /* Menu hover */
    color: #FFF;
    display: block;
    text-decoration: none;
        margin: 0;
    padding: 9px 12px 10px 12px;      
}
 
#menus li {
    float: left;
    padding: 0;
}
 
#menus li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0;
    padding: 0;
}
 
#menus li ul a {
    width: 140px;
}
 
#menus li ul ul {
    margin: -25px 0 0 160px;
}
 
#menus li:hover ul ul, #menus li:hover ul ul ul, #menus li.sfhover ul ul, #menus li.sfhover ul ul ul {
    left: -999em;
}
 
#menus li:hover ul, #menus li li:hover ul, #menus li li li:hover ul, #menus li.sfhover ul, #menus li li.sfhover ul, #menus li li li.sfhover ul {
    left: auto;
}
 
#menus li:hover, #menus li.sfhover {
    position: static;
}
 
#menus li li a, #menus li li a:link, #menus li li a:visited {
    background: #ffffff; /* drop down background color */
    width: 120px;
    color: #000;
    display: block;
    font:normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
    margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
z-index:9999;
border-bottom:0px solid #transparent;
}
 
#menus li li a:hover, #menusli li a:active {
    background: #130000; /* Drop down hover */
    color: #FFF;
    display: block;     margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
}

/*-------- End -------*/

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 years 3 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Markup?

What does the menu markup look like. Without that, we can only guess at what the css rulesets are working on.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.