Another dumb css question.
I am now trying to work on a Suffusion Theme site that has css:
#nav ul {
list-style: none;
list-style-type:none;
display: block;
margin: 0 0 -1px 0;
padding: 0;
float: left;
vertical-align: bottom;
}
#nav ul li {
margin: 0 4px 0 0;
padding: 0;
float: left;
border: 1px solid #009000;
}
#nav.continuous ul, #nav-top.continuous ul {
margin-left: 10px;
}
#nav.continuous ul ul, #nav-top.continuous ul ul {
margin-left: 0;
}
#nav.continuous ul li {
margin: 0;
border: none;
}
#nav ul li a {
padding: 8px 8px 5px 8px;
text-decoration: none;
color: #222;
display: inline-block;
}
#nav ul ul li,
#nav ul ul li a {
z-index: 100;
}
#nav .current_page_item a,
#nav .current_page_item a:hover,
#nav li a:active {
text-decoration: none;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav li {
float:left;
position:relative;
z-index: 1;
}
#nav li a:hover,
#nav li:hover,
#nav li.sfHover {
z-index: 100;
I have changed the #nav li a:hover, about ### times and I guess I just don’t have a grasp on css. How can I get the Hover to show the background color of 0051d0 and preferably Bold.
Thanks again for your help,
Paul