Menu a navigazione e Firefox

[Aires]

Ciao a tutti, purtroppo Firefox con il suo bellissimo aggiornamento mi da problemi per una pagina che ho sviluppato mesi fa.

A quel tempo un utente, non ricordo chi mi aveva aiutato consigliandomi un codice, il codice consiste in un menu orizzontale dove ogni voce era composta da un div e c'era una navigazione a schede. Quindi cliccando sul primo div vedevamo la prima scheda, sul secondo la seconda e cosi via. Ora però non va piu nulla, i div non funzionano e le 'schede' vengono visualizzate una sotto l'altra

Il codice è questo

<style type="text/css">
body{font: 76%/1.3 Arial,sans-serif;background:#FFF;color:#222}
div.tabpanel {width:100%;margin-bottom:2em; margin-left: auto; margin-right: auto;}
div.tabpanel div.tab{border: 0px solid #D7D7D7;border-top:0; margin-left: auto; margin-right: auto;}
div.tabpanel div.tab{padding: 10px; margin-left: auto; margin-right: auto;}
div.tab h2{width:100%;margin: 0;padding:0.3em 0;font-size:150%;color:white}
div.tab p{margin-top:0}

/* Inizio tab */

ul.tabnav{width: 100%;overflow:hidden;list-style: none;
         margin: 0;padding:0;background:url(line.png) repeat-x bottom}
ul.tabnav li{float: left;margin: 0 0 0 0.5em;padding: 0}
ul.tabnav a{float: left;padding: 0 0 0 0.8em;
        background: url(tab.png) no-repeat top left;
        text-decoration: none;color: #41FF32;
        border-bottom: 1px solid #D7D7D7}
ul.tabnav span{float: left;padding: 0.6em 0.8em 0.6em 0;
        background: url(tab.png) no-repeat top right;cursor: pointer}
ul.tabnav a.active,ul.tabnav a:hover{
        background: url(tab2.png) no-repeat top left;
        border-bottom:1px solid #FFF}
ul.tabnav a.active span,ul.tabnav a:hover span{
        background: url(tab2.png) no-repeat top right;color: white} 
</style>
<script type="text/javascript">
function makeTabs(oCont,oNav,nDefault) {
    var nActive = nDefault || <?if(!isset($_POST['pagina'])){ echo '2'; }else{ echo $_POST['pagina'];}?>, aTabs = [], aLnks = oNav.getElementsByTagName("a"), aChilds = oCont.childNodes;
    function show(number) {
        for (var i = 0; i < aTabs.length; i++) {
            aTabs[i].style.display = i + 1 === number ? "block" : "none";
            aLnks[i].className = i + 1 === number ? "active" : "";
        }
    }
    for (var i = 0; i < aChilds.length; i++) {
        if (aChilds[i].className === "tab") { aTabs.push(aChilds[i]); }
    }
    show(nActive);
    function change() {
        show(parseFloat(this.id.substr(this.id.search(/\d/))));
        return(false);
    }
    for (var i = 0; i < aLnks.length; i++) {
        aLnks[i].id = "tabLnk" + String(i + 1);
        aLnks[i].onclick = change;
    }
}


</script>