Span-tag-hintergrund In Firefox Nicht Dargestellt Einstellungen

[crazycons]

Hallo,
habe folgendes problem. ich habe eine tabellenzelle, die beliebig auf der y-achse wachsen soll. die hat einen festen hintergrund, der sich automatisch kachelt. das ist alles in css definiert und funktioniert in allen browsern fehlerfrei. nun wollte ich an der unteren kante dieser zelle ein abschließendes bild. das kann ich, da es nicht selber wachsen soll nicht als eigene zelle definieren (da die nebenherlaufenden zellen mit rowspan verbunden wurden, was hier aber keine rolle spielen dürfte, es geht auf jeden fall nicht). um das problem zu lösen habe ich mehrere versuche unternommen:
- einen <span>-tag eingefügt und als hintergrund das bild definiert und dann mit vertical-align:bottom; nach unten gezwungen. das funktioniert zwar im ie einwandfrei, aber in firefox leider nicht
- einfach den span-tag durch das bild ersetzt, dann bleibt aber in beiden browsern unten eine ca. 5px breite spalte

der code zu dem spektakel sieht aus wie folgt:

QUELLTEXT

<td class="mili1">

<span class="mili2"></span>

</td>

bzw.:

QUELLTEXT

<td class="mili1">

<img src="mili2.jpg" width="96" height="101" border="0" alt="">

</td>

der dazu passende css-code lautet wie folgt zum ersten bsp.:

QUELLTEXT

.mili1 {
margin:0px;
padding:0px;
background-image:url(mili1.jpg);
width:96px;
height:259px;
border:none;
border-spacing:0px;
vertical-align:bottom;
}

.mili2 {
margin:0px;
padding:0px;
background-image:url(mili2.jpg);
border:none;
height:101px;
width:96px;
border-spacing:0px;
background-repeat:no-repeat;
vertical-align:bottom;
}

und zum zweiten beispiel

QUELLTEXT

.mili1 {
margin:0px;
padding:0px;
background-image:url(mili1.jpg);
width:96px;
height:259px;
border:none;
border-spacing:0px;
vertical-align:bottom;
}

könnt ihr mir helfen?
danke schonmal.
mfg
de nixbligger