Div's background + inline

Hey,

Ik zit met een vervelend probleem. In Firefox wordt m'n code perfect getoond, maar zoals gewoonlijk doet IE weer vervelend. Dit is wat ik wil (Firefox screenshot): http://img520.imageshack.us/img520/1200/shoutff.jpg

En dit is hoe het in IE er uit ziet: http://img520.imageshack.us/img520/3905/shouts.jpg

Mijn stukje HTML code:

<input type="submit" name="post_shout" id="shoutbutton" value="" />
<div id="shout_count">200</div>

De display:none heeft te maken omdat ik met Ajax gecombineerd werk.

Mijn CSS:

#shoutbutton {
background: transparent url(images/shout.png) no-repeat;
display: inline-block;
border: none;
height: 23px;
width: 86px;
cursor: pointer;
}
#shout_count {
background: url(images/char_count.png) no-repeat top center;
display: inline-block;
border: none;
height: 23px;
width: 56px;
text-align: center;
padding-top: 5px;
}


Ik zie niet wat er fout is. Als iemand mij zou kunnen wijzen op de fout?

Bedankt!