MarcL: Bild am unteren Rand ausrichten

Beitrag lesen

Hallo @ all,

ich möchte eine Navigation am unteren Rand einer Tabelle platzieren.
Im IE und Netscape kein Problem.
Nur Firefox lässt zum unteren Rand einen Abstand (ca 5 px) den ich nicht wegbekomme.

HTML:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="69" align="left" valign="bottom"><a href="index.php?go=home"><img src="Bilder/Navi-Home.gif" alt="Home" width="66" height="19" border="0" /></a>
</td>
</tr>
</table>

Also bin ich auf css ausgewichen und habe es so probiert:
CSS:
#Bild_Menu {
background-image:url(Bilder/Navi-Home.gif);
background-repeat:no-repeat;
height:133px; //Höhe des oberen Banners
width:72px;
background-position:0px 112px; // am unteren Rand des Banners
}

im HTML:
<td width="75" align="left" valign="middle"><a href="index.php?go=modelle"><div id="Bild_Menu" titel="Home"></div></a></td>

geht .. ist aber leider nicht strict und wird vom HTML-Validator angemeckert.

Also ein anderer Versuch:
CSS:
#Bild_Menu span {
display:none;
}
#Bild_Menu a{
 display: block;
 height:133px;
 width: 66px;
}
#Bild_Menu {
 background-image:url(Bilder/Navi-Home.gif);
 background-repeat:no-repeat;
 height:133px;
 width:66px;
 background-position:0px 112px;
}

HTML:
<td width="69" align="left" valign="middle"><div id="Bild_Menu"><a href="index.php?go=home"><span>Home</span></a></div></td>

geht ... ist strict ... aber bei Klick auf den Button erscheint ein Rahmen der nicht nur das Bild umrahmt sondern den ganzen Bereich der Höhe von 0 - 133 (ist wohl der container) ... das Bild ist aber auf 122 positioniert. Sieht also mehr als doof aus.

Hat irgend jemand zu den 3 Varianten einen Tip .. wäre supi

Vielen Dank im voraus

Viele Grüsse
MarcL