[HTML][CSS]Problem z IE - divy nie wyświetlają się obok siebie Opcje

[Ad4m1992]

Witam.
Mam swoją stronę: Tasi.pl.
Wszystko fajnie działa, tylko oczywiście nie pod IE.
Zamiast obok siebie, divy wyświetlają się pod sobą.
Oto kod:

[HTML] pobierz, plaintext 
<div id="left">
	<div id="artykuly">
		<div id="naglowek_czarny">artykuły</div>
		{foreach item=art from=$artykuly}
		<div id="artykul">
			<div id="tytul_art"><a href="material.php?id={$art.id}">{$art.tytul|truncate:21:"...":false|stripslashes}</a></div>
			<div id="tresc_art">{$art.tresc|truncate:210:"...":false|stripslashes|indent:4:"&nbsp;"}</div>
			<div id="czytaj_art"><a href="material.php?id={$art.id}">Czytaj dalej</a></div>
			----------------------------
		</div>
		{/foreach}
	</div>
	<div id="filmiki">
		<div id="naglowek_bialy">filmiki</div>
		{foreach item=film from=$filmiki}
		<div id="filmik">
			<div id="miniatura_film"><a href="material.php?id={$film.id}"><img src="{$film.link_thumb}" alt="{$film.tytul}"></a></div>
			<div id="tytul_film"><a href="material.php?id={$film.id}" alt="{$film.tytul}">{$film.tytul|truncate:21:"...":false|stripslashes}</a></div>
		</div>
		{/foreach}
	</div>
	<div id="foto">
		<div id="naglowek_czarny">foto</div>
		{foreach item=fot from=$foto}
		<div id="fot">
			<div id="miniatura_fot"><a href="material.php?id={$fot.id}"><img src="images/miniatury/{$fot.id_obraz}-m.jpg" alt="{$fot.tytul}"></a></div>
			<div id="tytul_fot"><a href="material.php?id={$fot.id}" alt="{$fot.tytul}">{$fot.tytul|truncate:21:"...":false|stripslashes}</a></div>
		</div>
		{/foreach}
	</div>
</div>
 
<div id="right">
	{foreach item=wazny from=$wazne}
		{if $wazny.wazny == 1}
		<div id="wazny">
			<div id="wazny_tekst">artykuł szczególnie godny uwagi ~ artykuł szczególnie godny uwagi</div>
			<div id="tytul_wazny"><a href="material.php?id={$wazny.id}">{$wazny.tytul|truncate:50:"...":false|stripslashes}</a></div>
			<div id="info_wazny">Opublikowane przez {$wazny.autor} o {$wazny.data|date_format:"%H:%M:%S %e/%m/%Y"}</div>
			<div id="tresc_wazny">{$wazny.tresc|truncate:770:"...":false|stripslashes|indent:4:"&nbsp;"}</div>
			<div id="czytaj_wazny"><a href="material.php?id={$wazny.id}">Czytaj dalej</a></div>
		</div>
		{/if}
	{/foreach}
</div>
[HTML] pobierz, plaintext 

a oto css:

[HTML] pobierz, plaintext 
div#right {
float: left;
background: white;
width: 456px;
padding-left: 20px;
padding-right: 20px;
 
}
 
div#artykuly {
width: 140px;
color:black;
font-size:12px;
text-align:center;
float:left;
padding-left: 10px;
}
 
 
div#artykul {
padding-top: 10px;
}
 
div#filmiki {
float:left;
width: 150px;
color:black;
font-size:12px;
padding-left: 10px;
text-align: center;
}
 
div#filmik {
padding-top: 10px;
}
 
div#foto {
float:left;
width: 150px;
color:black;
font-size:12px;
padding-left: 10px;
text-align: center;
}
 
div#fot {
padding-top: 12px;
}
 
 
div#wazny { 
border: 3px solid black;
font-size: 14px;
margin-bottom: 20px;
}
 
 
 
[HTML] pobierz, plaintext 

Proszę o ewentualną pomoc. Z góry dziękuję