display: block führt nicht zum ziel

[knarf]

Hallo,

guckst du:

http://www.babyland-harz.de/blh/templates/produkte.html

ich möchte auf der Seite links zu weiteren kategorien erstellen. jeweils ein bild und eine überschrift sind der link. ziel ist es jetzt, die hintergrundfarbe im oberen abschnitt in weiss und die schrift von weis auf blau zu setzen, sobald man einen teil hovert. die hintergrundfarbe ändert sich schon, nur eben die schriftfarbe nicht. hier der html-code:

---schnipp---

<div class="produkte_link">
<a href="autositze.html">Autositze</a>
<a class="img" href="autositze.html"><img src="../img/sitze.jpg" /></a>
</div>

---schnapp---

und ein wenig css dazu:

---schnippel---

.produkte_link{
margin: 0 10px 10px 0;
float: left;
border: 1px solid #1585db;
width: 120px;
color: #fff;
background: #1585db;
}

#produkte a{
display: block;
text-decoration: none;
padding: 4px 0;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 70%;
border-bottom: 1px solid #1585db;
display: block;
}

#produkte a.img{
padding: 0;
border-bottom: none;
display: block;
}

.produkte_link:hover{
color: #1585db;
background: #fff;
}

---schnaps---

ich weiss leider nicht so genau, wie man das machen soll. das problem scheint zu sein, dass ich eigentlich die schriftfarbe im tag a ändern müsste.

Vielen Dank schon mal.

knarf

[Boris]

Du vergibst dem A ja auch nirgends eine andere Farbe (über a:hover), wieso sollte es also die Farbe wechseln?

Der IE kennt im übrigen kein :hover auf andere Elemente als <a> - daher gebe deinem <a> die normale und gehoverte Farbe + Hintergrundfarbe.

[knarf]

Hallo Boris,

danke für den Hinweis. Hab das Problem gelöst.

knarf