Font Size not working in stylesheet or in page!

I am trying to change the font size in a menu structure I created. It's absolutely bizzarre. It seems like such a simple thing but every way i do it it just doesnt work. Basically I am trying to change the font size on the text wrapped by an href. This href does not have a class but the div tag surrounding it does. It seems if I take out the font-family:courier;the font-size some how works. Even if I change to comic sans ms or courier new it works. But I need to use courier. Does anyone know why this strange behavior is happening. Here is the related code/

CSS:


.blueButton, .whiteButton, .yellowButton {
background-repeat:no-repeat;
width: 121px;
height:20px;
color: black;
text-align:right;
}


.yellowButton a, .whiteButton a , .blueButton a,
.yellowButton a:hover, .whiteButton a:hover , .blueButton a :hover ,
.yellowButton a:visited, .whiteButton a:visited , .blueButton a :visited {
font-size: 10px;
display:block;
padding-top:2px;
padding-left:1px;
padding-right:6px;
color: black;
text-align:right;
height:19px;
font-family:courier;

}


.subcats
{
padding-top:2px;
padding-bottom:4px;
background-color:#666668;
text-align:right;
width: 120px;
}
.subcats a, .subcats a:visited, .subcats a:hover, .subcats a:active
{
padding-right:3px;
color: #FEFF01;
font-size:10.5px;
font-family:courier;
}

a.subSelected, a.subSelected:visited, a.subSelected:hover, a.subSelected:active
{
color:#67CBFF;
}

Here is a part of the menu:


<td class="boxText"><div class="blueButton" onmouseover="this.className='whiteButton';" onmouseout="this.className='blueButton';"><a href="/test-index.html" target="_parent">Home</a></div><div class="yellowButton" onmouseover="this.className='whiteButton';" onmouseout="this.className='yellowButton';"><a href="/artists/framed_artist_body.html" target="_parent">artists</a></div><div class="yellowButton" onmouseover="this.className='whiteButton';" onmouseout="this.className='yellowButton';"><a href="http://www.sundazed.com/shop/new-test-index.php?cPath=35" target="_parent">rock/pop</a></div><div class="yellowButton" onmouseover="this.className='whiteButton';" onmouseout="this.className='yellowButton';"><a href="http://www.sundazed.com/shop/new-test-index.php?cPath=36" target="_parent">garage/punk</a></div></td>



Henry C. Weismann IV

I believe you need to use a different font-family other than courier new.

Oh yeah actually the font-family I am having trouble with is courier. I forgot I changed it to courier new temporarly. Why would the font-family courier not work but other fonts do work.

I think its explained here http://www.w3.org/TR/CSS21/fonts.html but the their server doesn't seem to be working at the moment.

Yeah I noticed the w3.org site down for the last few hours while searching for answers. Thanks I will give it a look tomorrow.

I read the w3.org page on fonts but I could not find an answer there. Sometime the w3 pages are a bit technical but I read through it and could not find anything. I really need to use courier. Is there a way I can get courier to work while controlling font size.

I think I found the answer to my problem. IT seems courier a MAC font does not scale well because it is a raster font. Basically its not scalable cause its a bitmap based font. Does this sound like my problem or should I be able to change the font size of courier? IF it's at all possible to use courier I would like to.

http://www.georgehernandez.com/h/xComputers/Design/Typography.htm