Probleme mit Margin-bottom

[bossy22]

Hallo,

ich hab ein Problem mit einer Seite die ich gerade mache.

In der Navigationsleiste soll zwischen den Buttons ein kleiner Abstand sein. Nach Anlegen der Tabelle war im IE 5.5 sofort ein Abstand zwischen den TD's, warum weiß ich auch nicht. Im Mozilla ist aber zwischen den Zellen kein Abstand. Das habe ich versucht mit Css zu lösen und zwar folgendermaßen:

.navi_celltop
{margin-bottom:10px;
}

Diese Formatierung wird im Browser nicht angezeigt (Mozilla unter win).

Das dazugehörende HTML sieht so aus:

<td class="navi_celltop"><A HREF="image.html"
                                                     ONMOUSEOVER="changeImages('image_01', 'img/image_01-over.gif'); return true;"
                                                     ONMOUSEOUT="changeImages('image_01', 'img/image_01.gif'); return true;">
                                                     <IMG NAME="image_01" SRC="img/image_01.gif" WIDTH=87 HEIGHT=21 BORDER=0 ALT=""></A>
                                                     </td>

Wie gesagt unter IE geht es auch so aber Mozilla/win und IE/mac nicht.
Auch habe ich die Schrift mittels <p> tag so formatiert:

.text
        {font-size: 13px;
        font-family: 'verdana',sans-serif;
        font-color: rgb(96,10,34);
        font-weight: bolder
        padding-top:10px;
        padding-left:10px;
}

Auch das wird nicht umgesetzt, aufm mac dagegen schon, da ist die Schrift bolder, aufm win nicht.

????