Problém se zobrazením v IE

Ahoj!

Mám takový problém se zobrazením plovoucích divů na stránce. Ve Firefoxu se to vše zobrazuje v pořádku, ale v IE se mi mezi divy zobrazuje mezera. Po pročtení diskusí i jiných stránek si myslím, že by se mohlo jednat o 3px bug. Bohužel žádná rada zveřejněná na diskusích mi nepomohla problém odstranit. Tady mám ten zdroják:

Externí CSS soubor:

#leva_nabidka {float: left;
width: 130px}

#prava_nabidka {float: right;
width: 170px}

#horni_menu {float: center;
margin: 0px 170px 0px 130px}


HTML kód stránky:

<table width="850px" align="center" style="margin-top: 5px; margin-bottom: 5px">

<div style="background-color: coral" id="leva_nabidka">

<table style="text-align: center; font-size: 12px; font-family: arial; line-height: 15px">text</table>

<div style="width: 110px; text-align: center; background-color: sandybrown; font-size: 11px; font-family: serif; line-height:
15px; color: brown">text</div>

<table>text</table>

</div>


<div style="background-color: coral" id="prava_nabidka">

<div style="width: 150px">text</div>

</div>


<div id="horni_menu" style="width: 540px">

<table height="30px" width="100%" style="text-align: center; font-family: arial; font-size: 12px; color: purple"
bgcolor="lightskyblue">text</table>

</div>

</table>

Doufám, že je to srozumitelné. Budu rád za každou radu. Díky

Díky, jak se dostanu na delší čas na net, tak to vyzkouším.