id + a:hover = failure?

i’m trying to get my links to allow for it to change background color when its hovered over .
but like all simple things , theirs probably a stupid error i keep missing in it ><

here’s where it may get confusing , when i click on it , the color changes like it should , even though active and hover are using the same css block

html for problem area

CODE

������������

Chris’s

������������

����������������
• main

����������������
• main

����������������
• main

����������������
• main

����������������
• main



����������������

• main

������������

��������

css for problem area

CODE

#C_nav p
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#3300FF;
width:94%;
text-align:center;
margin-left:2%;
margin-right:2%;
border-top-color:#FFFFFF;
border-top-style:solid;
border-bottom-color:#FFFFFF;
border-bottom-style:solid;
padding:0%;
text-decoration:underline,overline;
}

#C_nav ul
{
position:relative;
left:+6%;
list-style-type:none; /*removes the dots*/
margin:0%; /*distance from left side*/
padding:0%; /*area around the entire list*/
}

#C_nav li
{
padding:2%; /*area around each list item*/
}

#C_nav a:visited , #C_nav a:link
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#6600FF;
width:85%;
text-align:center;
padding:1%;
text-decoration:none;
}

#C_nav a:active , C_Nav a:hover
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#FFFF00;
width:85%;
text-align:center;
padding:1%;
text-decoration:overline,underline;
}

if you want to check the site go for it , its http://cs110-project-kc.netne.net/

http://bit.ly/kq1cpb