Pozycje modułów - szablon

[Ares0r]

Witam wszystkich,

Mam problem z wypozycjonowaniem modułów na stronie, a mianowicie wszystko jest wyświetlane poprawnie w Firefoxie natomiast w IE moduł wyświetlający zawartość komponentu jest przesunięty w dół.
Czy ktoś może mi pomóc?
index.php

<div id="srodek">
<div id="cont_lewa">
<div id="lewa_strona">
<jdoc:include type="modules" name="left" style="none" />
</div>
</div>
<div id="cont_prawa">
<div id="prawa_strona">
<jdoc:include type="modules" name="right" style="table" />
</div>
</div>
<div id="cont_srodek">
<div id="center_strona">
<jdoc:include type="component" />
</div>
</div>
</div>
style.css

body {
background: #6d6e71;
text-align: center;
}
#cont {
margin-left:auto;
margin-right:auto;
}
#cont_lewa {
float:left;
margin-right:20px;
}
#cont_prawa{
float:right;
margin-left:20px;
}
#lewa_strona a {
color: #FFFFFF;
background: url("../images/cegielka.png") right bottom no-repeat;
border: 2px solid #aad152;
text-decoration: none;
text-align:left;
margin:2px;
display: block;
list-style: none;
}
#center_strona {
width:480px;
margin-top:10px;
color: #FFFFFF;
text-align: left;
display:inline-block;
}
#prawa_strona {
float:right;
width: 150px;
color: #FFFFFF;
text-align: left;
margin-top:20px;
margin-right:3px;
/*display: inline;*/
}
style_ie.css

body {
background: #6d6e71;
text-align: center;
}
#cont {
margin-left:auto;
margin-right:auto;
}
#cont_lewa {
float:left;
margin-right:20px;
}
#cont_prawa{
float:right;
margin-left:20px;
}
#srodek {
margin-left:auto;
margin-right:auto;
margin-top: 10px;
width:898px;
text-align:left;
}
#lewa_strona {
float:left;
width: 220px;
color: #FFFFFF;
text-align: left;
list-style: none;
padding-left:30px;
display:inline-block;
}
#center_strona {
width:470px;
color: #FFFFFF;
text-align: left;
display:inline-block;
}
#prawa_strona {
float:right;
width: 150px;
color: #FFFFFF;
text-align: left;
margin-top:20px;
margin-right:3px;
/*display: inline;*/
}
screenshot strony w firefoxie: http://www.ares.hostings.pl/firefox.jpg
screenshot strony w IE:
http://www.ares.hostings.pl/ie.jpg
Proszę o pomoc.

[sunpietro]

spróbuj ustawić clear: both w stylach
lub stworzyć osobny arkusz styli dla IE i tam dla cont_srodek ustawić minusowy margines

[Ares0r]

Dzięki za pomoc, jednakże próbowałem już tego ale nie daje to oczekiwanego rozwiązania. Czy może ktoś jeszcze ma jakąś myśl?

[hesar]

tak to zwykle bywa z floatami w ie, i jeszcze to margin:auto

tu masz wiecej o marginesach: http://kurs.browsehappy.pl/CSS/Krawedzie

sprobuj pousuwac te margin:auto i pozamieniac je na paddingi - te nieco lepiej dzialaj w badzIEwiu
ew. daj adres strony zeby podpatrzec i poekserymentowac na zywo

zdravim
hesar