Problem mit list-style im IE

[burakko]

Servus Leute,

im FF wird das Listenzeichen korrekt ausgegeben, allerdings macht der IE Probleme.

Hier erstmal der Link zur vorläufigen Webseite: http://hidden.fwi-online.de/

HTML-Code des betreffenden Bereichs:

  
            <ul>  
            	<li>  
                	<ul>  
                    	<li class="mid_press_date">03.05.2010</li>  
                        <li class="mid_press_content"><b>Nachbericht zum Symposium</b> im April 2010. Hierzu wird die Avantgarde  
                        Ingolstadts eingeladen. Es werden über 100 Gäste erwartet.  
                        </li>  
                        <li class="mid_press_more">Lesen Sie <a href="#">mehr...</a></li>  
                    </ul>  
                </li>  
.  
.  
.  
</ul>  

CSS-Code des betreffenden Bereichs:

  
#mid_right {  
	position:absolute;  
	margin:17px 0 10px 0;  
	right:0;  
	width:440px;  
	z-index:1;  
}  
	  
	#mid_right > ul {  
		margin:0 0 0 19px;  
		width:400px;  
		list-style:url(../images/arrow_blue.gif) outside;  
	}  
	  
	#mid_right ul li ul{  
		margin-top:5px;  
	}  
	  
	#mid_right a {  
		color:#84a115;  
	}  
	  
	#mid_right a:hover {  
		text-decoration:underline;  
	}  
	  
	.mid_press_date {  
		color:#989898;  
		font-size:10px;  
	}  
	  
	.mid_press_content {  
		color:#1c1c1c;  
		font-size:12px;  
	}  
	  
	.mid_press_more {  
		color:#84a115;  
		font-size:12px;  
		font-weight:bold;  
	}  

Ich danke euch im Voraus für die Hilfe.

Gruß
Burak

[Beat]

Es empfiehlt sich immer zuerst die default-Formatierung von ol ul und li zu vereinheitlichen:
ol, ul, li {margin:0, padding:0}

mfg Beat

[suit]

im FF wird das Listenzeichen korrekt ausgegeben, allerdings macht der IE Probleme.

Ich ging bisher davon aus, dass der Firefox (bzw. Gecko) einer der wenigen Browser ist, die Listenaufzählungszeichen Fehlerhaft anzeigen.

Bei list-style-type: square kommt es da schon mal vor, dass man abwechselnd ein Rechteck und ein Quadrat vorfindet, wenn es mit den Zeilenhöhen grade mal nicht ganz so passt.

Ein einheitliches und ordentliches Ergebnis bekommt man, wenn man ein Hintergrundbild ins LI-Element packt und dieses per padding vom linken Rand des Textes wegschiebt.

list-style-position: inside lässt sich mit text-indent recht praktikabel simulieren.