I've recenlty decided to re-code my whole website to be w3c compliant, And I've ran across something weird in my CSS code.

Here is the Style I have for my page:


<style type="text/css">
A:link { text-decoration: none; color:"#808080" }
A:visited { text-decoration: none; color:"#404040" }
A:hover { text-decoration: none; color:"#FFFFFF" }
A:active ( text-decoration: none; color:"#808080" )
}
body{
background-color: #000000;
font-weight:900;
scrollbar-face-color : #666666;
scrollbar-highlight-color : #000000;
scrollbar-arrow-color : #FFFFFF;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
}
p.center
{
text-align: center;
color: #FFFFFF;
font-family: verdana,arial;
font-size:15;
}
p.big
{
text-align:center;
color: #FFFFFF;
font-family: arial;
font-size:55;
}
p.big2
{
text-align:center;
color: #FFFFFF;
font-family: arial;
font-size: 50;
}
</style>

and here is the table it's used in


<table align="center" border="1" bordercolor="#FFFFFF" bgcolor="#555555" summary="NothingYetlogotemp">
<tr>
<td bordercolor="#555555">
<p class="big">
Nothing
<p class="big2">
Yet
</tr></td></table>

What I am wondernig is why the font in Nothing Yet is still small and not big like it's defined in p.big2 and p.big.

Any help is greatly appreciated :)

Perhaps because you didn't close <p class="big"> ?

I found the answer :)

My doctype was wrong.

you should change this...
A:link { text-decoration: none; color:"#808080" }
A:visited { text-decoration: none; color:"#404040" }
A:hover { text-decoration: none; color:"#FFFFFF" }
A:active ( text-decoration: none; color:"#808080" )
}

to this...
A:link { text-decoration: none; color:#808080;}
A:visited { text-decoration: none; color:#404040;}
A:hover { text-decoration: none; color:#FFFFFF;}
A:active ( text-decoration: none; color:#808080;}

color values should not have quotes around them plus the semicolon should be used to end each command.