[css]font-size problem on type=submit input button

font-size is not set

[pepijn]

i would like to set the font-size properties on a input submit button, but the size is not set on 9px. Is this a bug in browsers like ie and firefox?

<input type="submit" class="speaker" title="Read selected text" value="Read" />

input.speaker{
display:block;
background:url(static/images/bullets/readspeaker.gif) no-repeat 0px 0px;
font-size:9px;/*9px*/

padding:0px 0 2px 18px;
height:19px;
overflow:visible;
font-weight:bold;
cursor:hand;
cursor:pointer;
border:1px solid;
}

[mattcg]

Is the font-size declaration the only one not working i.e. are the background and border being applied?

This guy here (http://www.456bereastreet.com/lab/form_controls/buttons/) seems to have no problem styling a submit button, the only difference I can see between your example and his is that he doesn't confine the class name to an element in the css i.e. speaker{} and not input.speaker{}