Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Horiz CSS menu: Hover stopped working

menu, CSS



7:09 pm on Apr 15, 2010 (gmt 0)

5+ Year Member

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.

#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;

<div id="navigation" align="center">
<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>


7:12 pm on Apr 15, 2010 (gmt 0)

5+ Year Member

I deleted the style sheet from the web server & reinstalled it... same results. I refreshed my cache in both browsers to no avail.

Am I missing an obvious thing? The menu worked properly before today when I did some property changes on both HTML and CSS. I did a bunch of things so it's not like I can just 'go back' but this is a simple enough menu where I feel like an idiot not being able to figure out what went wrong!


1:20 am on Apr 16, 2010 (gmt 0)

5+ Year Member

#navigation a :hover

#navigation a:hover

(remove the space after the a)


4:03 pm on Apr 16, 2010 (gmt 0)

5+ Year Member

Thank you that worked!

Featured Threads

Hot Threads This Week

Hot Threads This Month