I have simple site I'm working on, using horizontal CSS menus. The menus work but for hover ... I have the style sheet property set to alter the color background and the text color, upon hover. But they stopped working ... please help.
CSS:
#navigation {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 4px;
}
#navigation li {
display: inline;
}
#navigation a:link, #navigation a:visited {
padding: 3px 10px 2px 10px;
color: #FFFFFF;
background-color: #666666;
text-decoration: none;
border: 1px solid #711515;
}
#navigation a: hover {
color: #FFFFFF;
background-color: #0000FF;
}
HTML:
<div id="navigation" align="center">
<ul>
<li><a href="index.htm">Home Page</a></li>
<li><a href="about.htm">About Us</a></li>
<li><a href="clients.htm">Clients</a></li>
<li><a href="contact.htm">Contact Us!</a></li>
</ul></div>