CSS Not doing what is is meant to!

[wings@volkan-di]

Hi Guys
I have a problem and I just cant understand what is going on!

I have the following CSS:

.submenu{
a:link color: #FFFFFF; 
a:visited color: #CCCCCC;
a:active color: #FFFFFF;
a:hover text-decoration: underline;	color: #FFFFFF;
margin-bottom: 0.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;  
}

and I am calling it by:

<div id="masterdiv">

	<div class="menutitle" onclick="SwitchMenu('sub1')">Site Menu</div>
	<span class="submenu" id="sub1">
		- <a href="new.htm">What's New</a><br>
		- <a href="hot.htm">What's hot</a><br>
		- <a href="revised.htm">Revised Scripts</a><br>
		- <a href="morezone/">More Zone</a>
	</span>

As you can tell this is a Menu, but the link colour, when I publish the file is still default blue, any ideas?

Cheers
V

[Fang]

.submenu a:link {color: #FFFFFF;} 
.submenu a:visited {color: #CCCCCC;}
.submenu a:hover {
text-decoration: underline;	
color: #FFFFFF;
margin-bottom: 0.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;  
} 
.submenu a:active {color: #FFFFFF;}

[wings@volkan-di]

Thank you!

I know it was something stupid like that!

[Fang]

The pseudo classes must be in the correct order:
link
visited
hover
active
"love hate"