Hi all,
Quick (?) question about the top-bar CSS. The background-color of a menu link goes from white to gray on hover, but when you scroll down the drop-down menu, the link at the top goes back to white. How can I keep the menu link selected in gray but still have the mouse moving down the drop-down menu? I'd like everything else to stay the same (particularly that you can also hover over sub-menu links which then change background-colors.). Any suggestions?
Thanks!
Stacy
http://ladiesrecipes.wikidot.com/private:hometest
#top-bar {
background-color:transparent;
width:800px;
left:auto;
right:auto;
padding:0 3px;
margin:5px 0;
margin-left:100px;
}
#top-bar ul{
text-transform:uppercase;
font-family:Helvetica, Ariel, sans-serif;
text-align:left;
padding:0px;
margin:0;
}
#top-bar li {
padding:0;
margin:0;
width:133px;
background-color:transparent;
overflow:hidden;
}
#top-bar li ul {
width:164px;
padding:0px;
border-top:1px solid #666;
}
#top-bar li ul li {
border:1px solid #666;
border-top:none;
overflow:hidden;
padding:0;
margin:0;
width:164px;
}
#top-bar li a {
color:#EC6A2B;
border-right:2px solid #EC6A2B;
letter-spacing:2px;
text-align:center;
padding-right:0px;
padding-left:0px;
margin:0;
font-weight:bold;
font-size:16px;
}
/* to remove the border-right from the last link in the navigation bar (i.e. "Help.") */
#top-bar .lastlink li a {
border:none;
}
#top-bar li ul li a {
color:#8A3F00;
font-size:14px;
font-weight:normal;
text-transform:none;
letter-spacing:normal;
padding:2px 5px;
margin:0;
width:164px;
background-color:white;
}
#top-bar a:hover {
background-color:#666;
color:white;
text-decoration:none;
}