:hover mit dem IE?

[Tobias Stening]

Hallo,

ich bin gerade darauf gestoßen, dass der IE anscheinend :hover nicht korrekt unterstützt. Ich habe ein Menü, dessen Menüpunkte mit CSS formatiert sind. Wenn sich die Maus über dem Menüpunkt befindet, soll sich der Hintergrund anders färben.

Ein Menüpunkt sieht in etwa so aus:

<div class="menubutton">
<a href="cp.html">Corporate Profile</a>
</div>

Das CSS dazu sieht aktuell so aus:

.menubutton {
  font-size: 11px;
  color: #000000;
  border-left: 4px solid #0f7f2d;
  border-bottom: 1px solid #E5E5E5;
  padding-left: 6px;
  padding-top: 3px;
  margin-left: 5px;
  margin-top: 2px;
  height:16px;
  width:180px;
}

.menubutton:hover {
  background-color: #CCE9D6;
}

.menubutton a {
  color: #000000;
  text-decoration: none;
}

.menubutton a:hover {
  color: #000000;
  text-decoration: none;
}

Wie man sieht, wird ein Bereich erzeugt, der bei :hover eine andere Hintergrundfarbe bekommt.

Mit dem IE wird jedoch nur der Link selber, also alles innerhalb von <a>...</a> hinterlegt, nicht jedoch der mit menubutton definierte Bereich.

Im Netz habe ich Hinweise gefunden, dass man das Problem mit den behaviors des IE lösen könnte. Gibts definitiv keine andere Lösungsmöglichkeit?

Wenn nein, kann mir jemand nen Hinweis geben, wie das mit den behaviors des IE dann auszusehen hat?

Viele Grüße,
Tobias :-)