CSS hover code, doesnt change :o

[spadez]

Im trying to change my menu blocks when the user hovers over them, both the background colour and the text colour. I found a tutorial and so i followed it but the menu doesnt change when i hover over it.

This is the code for the menu blocks up top:

#header ul a {
line-height: 1em;
padding: .2em;
border: 1px solid #000000;
float: left;
text-transform: uppercase;
text-decoration: none;
color: #aae2ff;
background: #1f1f1f;
font-size: 1em;
font-weight:bold;
}


So i added this to my css as an example:


#header ul a:hover {
border: 2px solid #000000;
background: #333333
color: #ffffff;
}


But when i hover it doesnt change. Is anyone able to tell me what im doing wrong? I can supply my full css / html if that helps.

James

[Jutlander]

It may be the case that you need li in there like this:

#header ul li a

#header ul li a:hover

But can you show your HTML?

[Feller]

also, you are missing a ; after your background color change in your hover code....sometimes small stuff like that changes everything.