li:hover im IE ohne Javascript

[Soophie]

Ich habe ein Problem.
Ich habe eine unordered list als Navigation, deren Design kastenförmig ist. Ich brauche einen mouse-over-Effekt, der !absolut! browserkompatibel ist.

Leider fehlen mir jegliche Kenntnisse in Javascript, um ein einfaches li:hover zu erzeugen, dass auch im IE arbeitet. Browserweichen kommen nicht in frage.

Derzeit habe ich das Problem gelöst, indem ich a{display:block} gewählt habe, jedoch habe ich im li ein padding-left:20px, das dort natürlich nicht beeinflusst wird.

Ich könnte das natürlich über img lösen, möchte ich mir aber ersparen.

Fazit: Wie bekomme ich für

 ul li {margin: 0 0 3px 10px; padding: 2px 0 2px 10px; background: #fff; color: #000}

im hover/mouseover-Effekt eine blaue bgcolor statt der weißen hin?

ich glaube ja, dass ich den Wald vor lauter Bäumen nicht sehe

 

[Prophet]

Die Pseudoklasse :hover funktioniert im IE6 nur beim a-Element. Meines wissens gibt es da auch keinene Bugfix für.

Der IE7 wird es aber ordnungsgemäß unterstützen.

 

[Soophie]

Das nützt mir leider nichts, da wie gesagt die hover-Funktion browserkompatibel sein muss. (Es muss ja sogar für Netscape passen :-?
Einzige Möglichkeit einen li:hover im IE zu erzeugen ist mit hilfe eines Javascripts.

Habe das Problem mit a{display:block} lösen können. Nicht schön, aber selten

Danke für die Hilfe

 

[Svenner]

/* Styles for Menu Items */
ul li a {
    display: block;
    text-decoration: none;
    color: #777;
    background: #fff; /* IE6 Bug */
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;
    }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

Versuchs mal so ähnlich.

 

[Soophie]

Sieht mir nach einer Weiche aus, die darf ich nicht benutzen. Trotzdem danke, hatte es ja dank display:block und paddings hinbekommen :)