[HTML/CSS] <ul>-Problem im IE

[Benutzer-1170]

Hallo,

ich habe ein kleines Problem mit einem Untermenü. Rechts das Menü ist mittels folgender CSS-Anweisung mit <ul> und <li> gefertigt:

ul.menu
{
list-style-image:url(./quadrat_schwarz.gif);
list-style-position:inside;
margin:0px !important;
padding:0px !important;
margin:0px;
padding:12px;
}

FF, Opera und Chrome zeigen es korrekt an, nur der IE natürlich nicht. Wie kann ich die zu weit rechts eingerückten Punkte und den Abstand von Punkt und Text für den IE optimieren? Auf margin- oder padding-Angaben folgen keine Reaktionen des IE. Danke!

 

[DaPhreak]

Ich weiß zwar auch nicht genau, was da schief läuft, meine mich aber erinnern zu könne, dass der IE das !important fehlerhaft implementiert.

Bei mir auf den Seiten setze ich meist sowas ein:

div#nav ul {
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
}

div#nav li {
   background-image:url(...);
   background-repeat:no-repeat;
   padding-left:25px;
   padding-top:0;
   vertical-align:top;
}

... weil list-style-image immer nicht das gemacht hat was ich wollte, jedenfalls nicht in allen Browsern. So sah es bisher im IE/FF/Opera immer identisch aus, ich hab die Pixel aber nicht genau nachgemessen.

 

[Benutzer-1170]

So sah es bisher im IE/FF/Opera immer identisch aus, ich hab die Pixel aber nicht genau nachgemessen.

Hmm, habs mal probiert. Damit stimmt die Position aber nicht und lässt sich auch mit padding wie bei mir im IE nicht ändern.

 

[Benutzer-1170]

Also wenn ich für den IE eine extra CSS anlege gehts, nur weiß ich leider nicht wie ich das wieder ausbügeln soll. Er reagiert nicht auf margin/padding-Angaben die dazu beitragen würden.