CSS Problem

[Michi]

Hallo zusammen

Mittels CSS positioniere ich immer eine Zeile von 5 kleinen Bilder nebeneinander. Nach 5 Bilder mache ich mittels clear:left einen Zeilenumbruch. Im Firefox sieht es auch wunderbar aus aber im IE macht es mir die Umbruche mit den Bildern nicht korrekt.
Hier kann man es sich live anschauen: http://www.mauch-online.ch/learnonline/seitewww.mauch-online.ch/learnonline/seite [/link](User: admin, PW: admin)

Der PHP Code, welcher den Umbruch macht, sieht so aus:

  
$zaehler = 0;  
while($cats = mysql_fetch_object($exesqlcat))  
 {  
  $zaehler++;  
  if ($zaehler >5)  
  {  
   $zaehler = 1;  
   echo "<li style='clear: left;'>";  
  }  
  else  
  {  
   echo "<li>";  
  }  
   echo "<a href='http://www.yahoo.com' onMouseover='ddrivetip";?>("<?php echo $cats->c_description ?>", "#ff3333", 200)'; onMouseout='hideddrivetip()'><?php echo $zaehler; echo $cats->c_shortname ."</a></li>";  
 }  
  echo "</ul>";  

Der CSS-Code sieht folgendermassen aus (und kann hier komplett heruntergeladen werden: www.mauch-online.ch/learnonline/css/main.css):

  
/****CSS für gelbe Tabs******/  
#navcontainer  
{  
margin: 0px;  
padding-left: 2px;  
}  
  
#navcontainer ul  
{  
margin: 0px;  
padding: 0px;  
list-style-type: none;  
text-align: left;  
}  
  
#navcontainer ul li {  
padding-left: 10px;  
}  
  
#navcontainer ul li a  
{  
text-decoration: none;  
background: url(../images/layout/folderOFF.png) no-repeat top left;  
font-size: 10px/12px;  
float: left;  
margin: 0px;  
height: 80px;  
width: 150px;  
padding-top: 10px;  
padding-right: 0px;  
padding-bottom: 10px;  
padding-left: 10px;  
}  
  
#navcontainer li a:hover  
{  
background: url(../images/layout/folderON.png) no-repeat left top;  
color: #ff3333;  
font-weight: bold;  
}  
/********ENDE****************/  

Vielen Dank für eure Hilfe.
Gruss
Michi