Testo visualizzato in modo errato in IE8, tutti gli altri browser ok - css, internet-explorer

Ho un problema sulla mia pagina.

Il testo è un po 'troppo alto e un po' a sinistra in Internet Explorer.

Come correggere questo?

.tagibg {
font-size:11px;
text-transform:uppercase;
}

e in IE7.css (per tutte le versioni di IE):

.tagibg {
font-variant:small-caps;
}

Parte del mio codice php:

$czytnik->czytaj_szablon("<table>","<tr><td><a href="#link" target="_self"><font class="tytul4">#tytul</font></a><br />
<p /><font class="tytulmalykom">Dodano: #data | #ilosc_wyswietlen odsłon | #ilosc_komentarzy komentarzy</font><br />
<br />#obrazek_l0<br />#tresc<br />
<font class="tagibg">#tagi #zrodlo</font><div style="clear: both;"></div><p />
</td></tr>","</table><div class="old">#strony_2</div>");
echo $czytnik->wypisz();
?>

risposte:

L'ho cambiato un po ':

<div class="tagibg">#tagi #zrodlo</div><div style="clear: both;"></div><p />

e poi ha aggiunto:

.tagibg {
font-variant:small-caps;
padding-top:10px;

}