Drstellungsproblem bei Listen mit Bildern im IE8

[David]

Hallo, ich habe ein Problem mit dem IE8 und bekomme es einfach nicht hin.
Ich habe eine Liste, die nur aus Bildern bestehen soll. In allen (naja, alle die ich getestet habe) Browsern sieht es auch so aus, wie es aussehen soll: vier Bilder im Quadrat angeordnet. Sogar in allen IEs sieht es richtig aus, auch im IE8 mit Kompatibilitätsmodus, ohne aber leider nicht, da werden die Bilder überhaupt nicht angezeigt.

		<div class="blogroll"><h2 class="blogroll">Blogroll</h2>  
	<ul>  
<li><a href="http://somelink.com/"><img src="http://url.com/images/someimage.gif"  alt="Link1"  /></a></li>  
<li><a href="http://somelink.com/"><img src="http://url.com/images/someimage.gif"  alt="Link2"  /></a></li>  
<li><a href="http://somelink.com/"><img src="http://url.com/images/someimage.gif"  alt="Link3"  /></a></li>  
<li><a href="http://somelink.com/"><img src="http://url.com/images/someimage.gif"  alt="Link4"  /></a></li>  
</ul>  
</div>

Und das CSS dazu:

.blogroll{  
	margin:15px 0 0 0;  
	padding:0;  
}  
  
.blogroll h2{  
	padding:0;  
	margin:0 auto;  
	width:315px;  
	height:50px;  
}  
.blogroll ul{  
	list-style-type:none;  
	margin:10px 8px 0 1px;  
}  
.blogroll ul li{  
	float:left;  
	margin-left:7px;  
}  
.blogroll ul li a{  
	text-indent:-99999px;  
}

Wie gesagt, nur im IE8 im normalen Modus sind die Bilder komplett weg, überall anders geht es.
Bin für jeden Tipp dankbar.