Link mit führendem Bild per css formatieren

[jackisback]

Ich brauche einen Link vor dem ein Bild angezeigt wird so wie auf dem Image unten. Das Problem sind mal wieder die Browser unterschiede ("oder die ahnungslosigkeit").
Im IE sieht es ok aus im Firefox nicht. Hat jemand vielleicht eine Idee woran das liegen kann.

<p>
<a class="link" href="effect.htm">
<img border="0" src="images/liste/header.jpg" width="18" height="18" align="texttop"> 
So sieht er im Firefox aus</a></p>

.link{
display:bolck;
font-family: Arial; 
font-size: 9pt; 
width:200; 
height:25; 
padding-left:20px; 
background-color:#cccccc; 
padding-top:4px; 
text-decoration:none

 }

Eigentlich soll der Text mehr zentriert zum bild sein ich habe es aber nicht besser hinbekommen.

Für jede Antwort bedanke ich mich im voraus.

 

[Gumbo]

Bei den Werten für width und height fehlen die Einheiten.

 

[jackisback]

OK habe ich geändert. Hat jedoch an der sache nichts geändert.

 

[Gumbo]

Beim display-Eigenschaftswert hat sich wohl noch ein Buchstabendreher eingeschlichen.