Innanzitutto auguro buona Pasqua a tutti in particolar modo agli amici Abruzzesi

Ho, grazie anche al vostro aiuto, realizzato questo menù che utilizza un CSS che viene richiamato in file PHP tramite un ARRAY. Il problema è che va bene con explorer ma non va con Firefox, cioè con explore mi fa medere i link del menù uno accant all'altro mentre con firefox li accavalla.
Penso che si dovuto all'array. Se qualcuno di vuole dargli una guardata ecco il file PHP:
codice PHP:
<div id="main_menu">
<?php
$links = array("alink4.php","alink3.php","alink2.php","inde x.php");
$access = array("1", "2", "3","4");
$testolink = array("prova4","prova3","prova2","prova1");
echo "<ul>";
for($i=0; $i<=count($links)-1; $i++) {
if($links[$i] == basename($_SERVER["PHP_SELF"])) {
echo "<li id='$testolink[$i]' class='corrente'> <span>$testolink[$i]</span> ";
}
else {
echo "<li id='$testolink[$i]' >
<span>$testolink[$i] </span> ";
}
}
echo "[/list]";
?>
</div>

e questo è il CSS:

#main_menu {
width: auto;
background-image:url(images/sfondo_banda1.jpg);
min-height: 33px;
height: auto !important;
height: 33px;
padding:0px 30px 0px 0px;
}
#main_menu li {
float: right;
width: 3px;
height: 21px;
}

#main_menu ul, #main_menu ul li {
display: inline;
}
#main_menu a {
float:right;
/*cursor: pointer;*/
color: #FFFFFF;
text-decoration:none;
margin:0 5px;
line-height:28px;
background:url(images/sfondo_dx.gif) right top no-repeat;
font-size: 12px;
padding:5px 15px 0 15px;
background-color: #b4b4b4;
}
#main_menu span {
/*background:url(sfondo_sx.gif) left top no-repeat;
display:block;
padding-left:9px;*/
}
#main_menu a:hover {
/*cursor: pointer;*/
color: #FFFFFF;
text-decoration:none;
margin:0 5px;
line-height:28px;
background:url(images/sfondo_dx1.gif) right top no-repeat;
font-size: 12px;
padding:5px 15px 0 15px;
background-color: #979797;
}
.corrente{
color: #FFFFFF;
text-decoration:none;
margin:0 5px;
line-height:28px;
background:url(images/sfondo_dx1.gif) right top no-repeat;
font-size: 12px;
padding:5px 15px 0 15px;
background-color: #979797;
}