list-style-image in IE

[der Flo(H)]

Guten Morgen zusammen,

hab gerade ein Problem mit meinem css. Ich möchte eine Liste mittels list-style-image mit eigenen Bulletpoints versehen. Klappt unter Firefox und Opera auch ganz gut, nur der IE macht Zicken. Unter IE werden die Bulletpoints gar nicht erst angezeigt.

Hier kurz mein css dazu:

#li_01  {
  list-style-image:url('img/d01.gif');
  }

Der css validator sagt mir auch es wäre alles ok.

Danke schonmal für eure Hilfe!
Flo

[Ashura]

Hallo der.

Unter IE werden die Bulletpoints gar nicht erst angezeigt.

Hier kurz mein css dazu:

#li_01  {
  list-style-image:url('img/d01.gif');
  }

Wie sieht das dazu gehörende HTML aus?

Einen schönen Donnerstag noch.

Gruß, Ashura

[der Flo(H)]

Hier das HTML:

-------------------

<ul id="left_list">
   <li id="li_01"><img src="img/t01.gif" alt="" border="0" width="380" height="70"></li>
   li id="li_02"><img src="img/t02.gif" alt="" border="0" width="380" height="70"></li>
</ul>

-------------------

#left_list {
  float:left;
  margin:0px; padding:0px;
  }

[Ashura]

Hallo der.

»» <ul id="left_list">  

>    <li id="li_01"><img src="img/t01.gif" alt="" border="0" width="380" height="70"></li>  
>    li id="li_02"><img src="img/t02.gif" alt="" border="0" width="380" height="70"></li>  

<!--  ^ Da fehlt etwas  -->  

> </ul>

#left_list {
  float:left;
  margin:0px; padding:0px;
  }

Hiermit wird das List-Style-Image zu sehr an den linken Rand verschoben.

Kannst du eine Beispielseite online stellen?
Bei meinem lokalen Versuchsaufbau stellt der IE das Image auf jeden Fall dar.

Einen schönen Donnerstag noch.

Gruß, Ashura

[der Flo(H)]

Hm.... ich versteh grad nur mehr Bahnhof. Hab an dem code nichts geändert, nur etwas weiter unten einen footer eingebaut (der allerdings in keinerlei Verbindung mit der Liste steht) und auf wundersame Weise wird alles dargestellt?
Hat mein IE ein eigenleben entwickelt?

Trotzdem vielen Dank für deine Hilfe Ashura!

[schwarze Piste]

Tachchen!

#left_list {
  margin:0px; padding:0px;
  }

Mit margin: 0; verdeckst du im IE die Bulletpoints mit den Listenpunkten (LI).

list-style-position: inside; sollte hier helfen,
wenn du mit diesem Ergebnis in anderen Browsern leben kannst.

Die schwarze Piste

[der Flo(H)]

Erst weg...dann wieder da...jetzt wieder weg. K.A. was mein IE macht, aber dank list-style-position: inside; bleiben die Bulletpoints jetzt auch hoffentlich da :)

Dank dir!