Forum Moderators: not2easy
#nav {
background: url(../img/nav_grad.gif) repeat-x top right;
margin: -10px 0 8px 8px;
padding: 0 0 0 0;
height: 46px;
top: 100px;
width: 965px;
}#nav li {
list-style-type: none;
float:left;
font-size: 12px;
}#nav, #nav ul {
list-style: none;
line-height: 1;
font-weight: bold;
padding: 0;
}#nav a {
display: block;
}#nav li a:hover, #nav li a:visited {
font-size:12px;
}#nav li a {
height: 46px;
width: 151px;
text-indent: -9009px;
background:transparent url(../img/mn.gif) no-repeat 0 0;
}#nav li ul li a {
height: auto;
text-indent: 0;
background:transparent url();
}#nav li#home a {
width:182px;
background-position: 0 0;
}#nav li#home a:hover {
background-position: 0 0 ;
}#nav li#plans a {
width: 151px;
background-position: -182px 0;
}#nav li#plans a:hover {
background-position: -182px -46px;
}#nav li#health a {
width:165px;
background-position: -333px 0;
}
#nav li#health a:hover {
background-position: -333px -46px;
}#nav li#resource a {
width:154px;
background-position: -498px 0;
}
#nav li#resource a:hover {
background-position: -498px -46px;
}#nav li#about a {
width:97px;
background-position: -655px 0;
}
#nav li#about a:hover {
background-position: -655px -46px;
}#nav li ul {
position: absolute;
left: -999em;
width: 14.4em;
width: 13.9em;
font-weight: normal;
border-width: 0.25em;
margin: 0;
}#nav li ul {
margin-top: -3px;}
#nav li ul li {
border: 1px solid #003f6b;
border-bottom: none;
padding: 2px 6px;
background: #FFFFFF;
}#nav li ul li.last {
border: 1px solid #003f6b;
}#nav li ul li a {
text-decoration: none;
}#nav li li {
padding-right: 1em;
width: 13em
}#nav li ul a {
width: 13em;
width: 9em;
}
What you might experience isa 'sticky' dropdown.
Google for 'IE7 sticky hover bug' and you would certainly find a lot of fixes for this.