Bilderwechsel mit CSS: FF i.O; Probleme in IE und Opera

[belimo]

Hallo Leute

Ich habe auf dieser Seite: http://dev.absolvententag.ch/index___.php einen kleinen Effekt eingebaut, dass wenn man mit der Maus über die Partnerlogos fährt, dass es dann farbig wird.

Wie man das halt so macht, habe ich pro Partner eine gif-Datei, welche sowohl das farbige, wie auch das graue Logo enthält. Je nach :hover oder nicht hover, wird das Bild dann einfach verschoben (bzw. die background-position verändert). Soweit so gut, funktioniert wie es soll im Firefox. Der IE 6, sowie der Opera verschiebt das Bild aber falsch (sieht hässlich aus).

Mein Code:

<!-- Linke Spalte -->
<div id="leftinhalt">
<a href="#" style="background-image:url(img/sponsoren/small/cs.gif)" class="change">
<img src="img/spacer.gif" width="159" height="44" />
</a>
</div>
<!-- Inhaltsbereich -->
<p>
<a href="#" style="background-image:url(img/partner/futuratv.gif)" class="change">
<img src="img/spacer.gif" alt="FUTURA.TV" title="FUTURA.TV" width="130" height="32" /></a>
</p>

#leftinhalt a.change {
	background-position:center bottom;
	display:block;
	background-repeat:no-repeat;
	text-align:center;
}
#leftinhalt a.change:hover {
	background-position:center 3px;
}

#inhalt a.change {
	background-position:center bottom;
	background-repeat:no-repeat;
	margin:3px;
	display:block;
	float:left;
}
#inhalt a.change:hover {
	background-position:center -6px;
}

Ich sehe das Problem vermutlich darin, dass die verschiedenen Browser die Höhe des a-Tags verschieden haben. Was meint ihr dazu?

Danke schonmal im Voraus.

[belimo]

Wow Besten Dank für die Arbeit.

Ich habe nun deine Lösung mal umgesetzt.
==> http://dev.absolvententag.ch/index___.php

Und der grosse Vorteil: Die Linke Spalte funktioniert überrall bestens, und der Bildwechsel im Inhaltsbereich wird zumindest browserübergreifen falsch dargestellt. Weisst du warum? Eine Lösung wäre natürlich das Bild entsprechend anzupassen, aber das passt mir nicht so richtig

Nebenbei: Kannst du mir noch ein paar grundsätzliche Inputs zu deiner Technik geben? Für mich ziemlich unverständlich ist beispielsweise die Angabe "text-indent: -3000px" oder auch "font: 0px/0 serif;"

Danke für die Hilfe!