Font won't change size

[Jamier101]

I seem to be having trouble getting the font to change size, in my HTML page I have the following:

<div id="footer">
<p>Web Design Services<br />
&copy; Copyright 2010 All Rights Reserved <br />
<a href="http://jigsaw.w3.org/css-validator/check/referer" class="nav">W3C Compliant CSS</a> | <a href="http://validator.w3.org/check?uri=referer" target="_blank" class="nav">W3C Compliant XHTML</a>
</div>

In my CSS I have this:

#footer{
width:auto;
height:auto;
margin:5px;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

but whatever I change the 'font-size' to it doesn't respond, not even to small, x-small, etc.

Any idea's?

[SevenCubed]

Is it the whole footer text or just a portion of it? Because, maybe the attributes of your inline class="nav" are overriding your footer id attributes?

[SevenCubed]

Oh yeah and your opening <p> isn't closed, that may sometimes cause problems.

[Jamier101]

It's the entire line footer that has the issue, I will close the <p> now and report back :)

[Jamier101]

That's the fella, I can't believe it was glaring me in the face!

<div id="footer">
Web Design Services<br />
&copy; Copyright 2010 All Rights Reserved <br />
<a href="http://jigsaw.w3.org/css-validator/check/referer" class="nav">W3C Compliant CSS</a> | <a href="http://validator.w3.org/check?uri=referer" target="_blank" class="nav">W3C Compliant XHTML</a>
</div>

[SevenCubed]

Been there many times, especially in programming. Sometimes the best solution is to walk away after an hour of trying and come back after the the java kicks in to increase focus :) ...or post like this for fresh eyes to have a peek.

[Jamier101]

Well, thank you guys I'm not going to sit and ponder my next move.