Listy, clear i IE

Witam...
Mam sobie tak± prost± konstrukcjê:

<ul class="clearfix dupaie">
  <li>co¶1 <img><p>opis</p><li>
  <li>co¶2 <img><p>opis</p><li>
  <li>co¶3 <img><p>opis</p><li>
  <li class="aaaaa" role="co¶ innego"></li>
  <li>co¶4 <img><p>opis</p><li>
  <li>co¶5 <img><p>opis</p><li>
  <li>co¶6 <img><p>opis</p><li>
</ul>

No i CSS do tego (upraszczam):

ul {
	clear:both;
}
ul li {
	float: left;
	width: 100px;
	height: auto;
}
ul li.aaaaa {
	clear: both;
	float: left;
	width: 100%;
	height: 25px;
}

ul.clearfix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ".";
}
ul.dupaie { zoom:1; }

No i jak mo¿na siê spodziewaæ w IE (ka¿dym) dzia³a ¼le: nie ustawia 
elementów li co¶4..co¶6 pod li.aaaaa. Zrobi³em nawet:

  <li class="aaaaa" role="co¶ innego"></li>
  <li class="wymuszaj">co¶4 <img><p>opis</p><li>

li.wymuszaj { clear:both; }

Ale wtedy ustawia tylko ten 1 element pod li.aaaaa.

Efekt (ka¿de IE): http://otworz.szufla.de/ie.jpg

Powinno byæ (Fx,O,Safari, etc etc): http://otworz.szufla.de/ok.jpg

Pomocy bo ju¿ wymiêkam :(

Pozdr
Exe Very Cute