Christoph: Problem mit CSS-Slider in IE 6

Beitrag lesen

Hallo zusammmen,

ich komme einfach momentan nicht weiter und daher dieser Eintrag: Ich habe per CSS einen Slider programmiert, mit dem der User durch auswählen von Sternen einen Artikel bewerten kann. Im Internet Explorer 7.0 und auch im Firefox läuft der Slider genau so wie ich ihn haben möchte.
Im Internet Explorer 6.0 jedoch geht der Slider einfach nicht. Die Funktion mit den Sternen klappt zwar, aber nicht die Anzeige des Textes.

Nun meine Frage: Woran liegt das und wie kann ich den Slider auch im IE 6.0 zum laufen bringen und zwar genau so wie im Firefox und im IE 7?

Danke für die Hilfe und Vorschläge,
Christoph

=== Inhalt der CSS-Datei ===

.productvote a {
height: 15px;
}

.productvote a:hover {
background-image: url(../images/votestars/complete.gif);
}

.productvote a span {
display: none;
}

.productvote a:hover span {
display: inline;
position: absolute;
margin-top: 20px;
margin-left: 0px;
font-size: 11px;
color: #FF6600;
background-color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

===========================

=== Ausgabe des Sliders im PHP-Dokument ===

<div class="productvote" style="position: relative; background-image: url(images/votestars/nothing.gif); width:100px; height:15px;">
<a style="position: absolute; left: 0px; height: 15px top: 0px; width: 100px" href="http://" target="PopUp_Vote" alt="Klick für deine Bewertung" title="Klick für deine Bewertung" onClick="window.open('','PopUp_Vote', 'width=300,height=250,resizable=no,scrollbars=no')"><span>Sehr gut</span></a>
<a style="position: absolute; left: 0px; height: 15px top: 0px; width: 80px" href="http://" target="PopUp_Vote" alt="Klick für deine Bewertung" title="Klick für deine Bewertung" onClick="window.open('','PopUp_Vote', 'width=300,height=250,resizable=no,scrollbars=no')"><span>Gut</span></a>
<a style="position: absolute; left: 0px; height: 15px top: 0px; width: 60px" href="http://" target="PopUp_Vote" alt="Klick für deine Bewertung" title="Klick für deine Bewertung" onClick="window.open('','PopUp_Vote', 'width=300,height=250,resizable=no,scrollbars=no')"><span>Befriedigend</span></a>
<a style="position: absolute; left: 0px; height: 15px top: 0px; width: 40px" href="http://" target="PopUp_Vote" alt="Klick für deine Bewertung" title="Klick für deine Bewertung" onClick="window.open('','PopUp_Vote', 'width=300,height=250,resizable=no,scrollbars=no')"><span>Ausreichend</span></a>
<a style="position: absolute; left: 0px; height: 15px top: 0px; width: 20px" href="http://" target="PopUp_Vote" alt="Klick für deine Bewertung" title="Klick für deine Bewertung" onClick="window.open('','PopUp_Vote', 'width=300,height=250,resizable=no,scrollbars=no')"><span>Mangelhaft</span></a>
</div>

===========================