Ako spravne zobrazovat v IE toto.

Pozrite si toto
www.xatchat.sk/test.htm
napriklad v Opere alebo v Mozille, tam sa to zobrazuje spravne, ale v IE sa to zobrazuje spatne.

<span style="border: 1px solid black; float: left;  display: inline; background: #7788CC">

sdfdfsdf



   <div style="background: red; width: 100%; display: block">

   asdasdasdasd

   </div>



</span>

toto je vnutro HTML vlastnosti display su tam len pre naznacenie prirodzenych vlastnosti prvkov.

V podstate chcem, ze ked mam floatovany inline prvkov, aby blok prvok ktory sa nachadza v nom, mal po nastaveni mu (tomu bloku) sirky width: 100% sirku ako ma nadradeny inline prvok. IE to tak nerobi a nastavi aj nadradenemu prvku sirku vnutorneho prvku (bloku).

Za riesenie dakujem.