Text steht über

[frederikring]

Hallo!

Ich habe einen normal über CSS formatierten Text in einem (inline)-DIV das sich von der Hintergrundfarbe abhebt. Jetzt steht aber (zumindest in Firefox und Chrome) der Text ein kleines bisschen über den Rand des DIVs. Im Internetexplorer ist der Rand hingegen ein wenig zu breit. Ist das ein nichtzubehebendes Browser-Problem oder gibt es eine Formatierung hierfür, die ich noch nicht kenne?

Das DIV ist folgendermassen formatiert:

  
.title {  
display:inline;  
background-color:#B8B8B8;  
}  

Der Text so (es steht ein grosser Titel und eine kleine Beschreibung drin):

  
.big {  
font-family:"Century Gothic";  
font-weight: bold;  
font-size: 24px;  
text-transform: uppercase;  
letter-spacing: -2px;  
}  
.small {  
font-family:"Century Gothic";  
font-weight: bold;  
font-size: 12px;  
}  

Und im HTML steht es dann folgendermaßen:

  
<div class="title">  
<span class="big">HEADLINE</span>  
<span class="small">&nbsp;</span>  
<span class="small">subline</span>  
</div>  

Vielen Dank!