What am I doing wrong?

[dmccabe]

I am trying to apply a style to the menu options in my header.

 

css

#headermenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#headermenu ul li {
display: inline;
padding: 0;
margin: 0 20px 0 0;
}

#headermenu ul li.a {
font-family: Verdana;
font-size: 14pt;
color: #453796;
font-weight: bold;
}
#headermenu ul li.a:hover 	{ 
font-family: Verdana;
font-size: 14pt;
color: #453796;
font-weight: bold;
text-decoration: overline underline;
}
#headermenu ul li.a:link  { 
font-family: Verdana;
font-size: 14pt;
color: #453796;
font-weight: bold;
}
#headermenu ul li.a:visited {
font-family: Verdana;
font-size: 14pt;
color: #453796;
font-weight: bold;
}

#headermenu ul li.a:visited:hover	{
font-family: Verdana;
font-size: 14pt;
color: #453796;
font-weight: bold;
text-decoration: overline underline;
}

 

html

	<div id="headermenu">
	<ul>
		<li><a href="<?php $rootdir?>callcentre/" title="Call Centre Dept">Call Centre</a></li>
		<li><a href="#">Menu item 2</a></li>
		<li><a href="#">Menu item 2</a></li>
		<li><a href="#">Menu item 2</a></li>
	</ul>
	</div>

 

I am not a css expert so this could be completely wrong!

 

 

[rhodesa]

Remove all the periods between LI and A:

#headermenu ul li a {

 

 

[dmccabe]

Nice one thanks!