SPAN -> FIREFOX,problem

Zdravim.Potreboval bych pomoc tady mate jak ma web cca vypadat... noway.borec.cz/web/web.jpg,
takto se mi to zobrazuje ve firefoxu (chyby si nevsimejte) noway.borec.cz/web/firefox.jpg
a takto v exploreru noway.borec.cz/web/explorer.jpg

toto je ta hlavicka

<?php
session_start();
$class=array(menu_sedy_levy,menu_sedy_stred, menu_sedosedy_prechod,menu_sedy_stred,menu_sedosedy_prechod,menu_sedy_ stred,menu_sedosedy_prechod,menu_sedy_stred,menu_sedosedy_prechod,menu _sedy_stred,menu_sedy_pravy);
switch ($_GET['page']) {
case "right":
$class[0]=menu_zeleny_levy;
$class[1]=menu_zeleny_stred;
$class[2]=menu_zelenosedy_prechod;
break;
case "":
$class[0]=menu_zeleny_levy;
$class[1]=menu_zeleny_stred;
$class[2]=menu_zelenosedy_prechod;
break;
case "registrace":
$class[2]=menu_sedozel_prechod;
$class[3]=menu_zeleny_stred;
$class[4]=menu_zelenosedy_prechod;
break;
case "sportoviste":
$class[4]=menu_sedozel_prechod;
$class[5]=menu_zeleny_stred;
$class[6]=menu_zelenosedy_prechod;
break;
case "kontakty":
$class[6]=menu_sedozel_prechod;
$class[7]=menu_zeleny_stred;
$class[8]=menu_zelenosedy_prechod;
break;
case "odkazy":
$class[8]=menu_sedozel_prechod;
$class[9]=menu_zeleny_stred;
$class[10]=menu_zeleny_pravy;
break;

}

echo "
<DIV id="header">
<DIV id="menu">
<SPAN class="$class[0]">
</SPAN>
<SPAN class="$class[1]">Úvodní stránka
</SPAN>
<SPAN class="$class[2]">
</SPAN>
<SPAN class="$class[3]">Registrace
</SPAN>
<SPAN class="$class[4]">
</SPAN>
<SPAN class="$class[5]">Sportoviště
</SPAN>
<SPAN class="$class[6]">
</SPAN>
<SPAN class="$class[7]">Kontakty
</SPAN>
<SPAN class="$class[8]">
</SPAN>
<SPAN class="$class[9]">Odkaz
</SPAN>
<SPAN class="$class[10]">
</SPAN>
</DIV> <!-- konec menu -->
<DIV><SPAN id="logo_leve"></SPAN><SPAN id="logo_prave"></SPAN></DIV>
</DIV> <!-- konec header -->
";
?>

a toto je moje css nutno podotknout,ze to horni menu .. se tvori z leve casti,stredni casti - ta se opakuje podle toho jak dlouhy text tam a pak z prave casti....,ale to neni podstatne ... problem je v tom ze firefox mi ignoruje ten SPAN(protoze je prazdny,IE ne.)zkousel jsem do toho pripsat &nbsp ale to mi udelalo blbost.DIV s display:inline nebo SPAN s display:block .. nefungujou protoze se mi to haze pod sebe,a slysel jsem ze pouzit float je hloupost protoze kdyz by se neco pokazilo nebo co tak by to rozhodilo cely web.muze mi nekdo prosim poradit?


body {
Font-family: Verdana, Helvetica;
Font-size: 12px;
Background: url("../images/pozadi.gif") repeat-x;
}
#page {
width:743px;
height: auto;
padding: 0px;
margin: 0px;
border: 2px solid black;

}
#header{
height: 141px;
text-align: left;
}

#logo_leve{
Background: url("../images/logo_leve.gif") no-repeat;
width: 512px;
height: 117px;
}
#logo_prave{
Background: url("../images/logo_prave.gif") no-repeat;
width: 227px;
height: 117px;
}
#menu {

height:24px;

}
.menu_sedy_levy{
width:5px;
height:24px;
Background: url("../images/menu_sedy_levy.gif") no-repeat;
}
.menu_sedy_stred{
padding: 4px;
height:24px;
Background: url("../images/menu_sedy_stred.gif") repeat-x;
}
.menu_sedy_pravy{

width: 8px;
height:24px;
Background: url("../images/menu_sedy_pravy.gif") no-repeat;
}
.menu_sedosedy_prechod{

width: 8px;
height:24px;
Background: url("../images/menu_sedosedy_prechod.gif") no-repeat;
}
.menu_sedozel_prechod{
width: 7px;
height:24px;
Background: url("../images/menu_sedozeleny_prechod.gif") no-repeat;
}
.menu_zeleny_levy{

width:5px;
height:24px;
Background: url("../images/menu_zeleny_levy.gif") no-repeat;
}
.menu_zeleny_stred{
padding: 4px;
height:24px;
Background: url("../images/menu_zeleny_stred.gif") repeat-x;
}
.menu_zeleny_pravy{

width: 8px;
height:24px;
Background: url("../images/menu_zeleny_pravy.gif") no-repeat;
}
.menu_zelenosedy_prechod{

width: 7px;
height:24px;
Background: url("../images/menu_zelenosedy_prechod.gif") no-repeat;
}

diky za rady :-/ vyresil jsem to divama a floatama