CSS help with text rollOver

hi

i am having trouble with some CSS. i just want a link to be blue, then red on the rollOver - no underline, no default puke purple. i use a style and then a style a:hover.

please look at the attached file and test it in IE and NN.

thanks Ryan


a:link {
font-family : Verdana, Arial; 
font-size : 9px; 
color : #777777; 
text-decoration : none; 
} 

a:hover {
font-family : Verdana, Arial; 
font-size : 9px; 
color : #000000; 
text-decoration : none; 
background : #cdff33; 
} 

a:visited {
font-family : Verdana, Arial; 
font-size : 9px; 
color : #777777; 
text-decoration : none; 
} 

a:active {
font-family : Verdana, Arial; 
font-size : 9px; 
color : #000000; 
text-decoration : none; 
} 

a.type1:link {
font-family : Verdana, Arial; 
font-size : 9px; 
color : #666666; 
text-decoration : none; 
} 

I think thats what you need. Check www.w3schools.com for furth help if needed in depth.