Problema visualizzazione su IE

Ciao a tutti!
Sto cercando di risolvere un problema da 1 po' di tempo ma non ci riesco in punti modi! Il mio sito l'ho creato usando come browser firefox e fin li tutto ok..poi mi sono deciso ad aprirlo con IE e la barra del menù è di una lunghezza macroscopica!! potete vedere il problema andando su qualsiasi pagina del sito (www.monta88.altervista.org), con IE ovviamente. il menù è un javascript che apro con un richiamo esterno, il css è:

Codice:

---

#nav {
        width:100%;
        height:129px;
        margin:0;
        padding:0;
}

#nav * {
        text-align:center;
        color:#fff;
        font-weight:bold;
        text-decoration:none;
        font-family:arial, helvetica, sans-serif;
        font-size:10pt;
}

#nav ul, #nav ul li {
        margin:0;
        padding:0;
        list-tyle-type:none;
}
#nav ul li {
        display:inline;
}

ul#tabBar {
        float:right;
}

ul#tabBar li a {
        display:block;
        float:center;
        width:90px;
        height:29px;
        line-height:39px;
        background:url(../64imgs/tab_bg.jpg) 0 8px no-repeat;
        border-left:0px solid #fff;
        overflow:hidden; /* fixed IE display bug */
}

ul#tabBar li a:hover {
        line-height:29px;
        background:url(../64imgs/tab_bg.jpg) top left no-repeat;
}

#subNav ul {
        display:none;
}

#subNav {
        clear:both;
        height:25px;
        background:url(../64imgs/subnav_bg.jpg) top left repeat-x;
        padding-left:20%;
}

#subNav ul {
        float:left;
        background:url(../64imgs/subnav_seperator.jpg) top left no-repeat;
}

#subNav ul li a {
        display:block;
        float:left;
        width:110px;
        text-align:center;
        line-height:25px;
        background:url(../64imgs/subnav_seperator.jpg) top right no-repeat;
}

#subNav li a:hover {
        color:#cde7ff;
}

#info {
        width:565px;
        font-size:6pt;
        text-transform:uppercase;
        letter-spacing:1px;
        padding:5px;
        background:#f00;
        border:1px solid #ccc;
        margin:10px;
}

#info h1 {
        font-size:9pt;
        letter-spacing:0;
        color:#011343;
}

#info a {
        color:#011343;
        text-decoration:none;
        font-weight:bold;
}

#info a:hover {
        color:#f00;
}

---

Spero che mi possiate aiutare :wink:

Non credo che ci serva il css ma il javascript. Ma intendi la scroll-bar? Perchè io non vedo alcun menù!

il javascript è:

Codice:

---

function hideItems() {
        var list = document.getElementById("subNav").getElementsByTagName("ul");
        for(i=0;i<list.length;i++) {
                list[i].style.display="none";
        }
}

function navMenu() {
        if (!document.getElementsByTagName){ return; }
        var anchors = document.getElementsByTagName('a');
       
        for (var i=0; i<anchors.length; i++){
                var anchor = anchors[i];
                       
                var relAttribute = String(anchor.getAttribute('rel'));

                if (anchor.getAttribute('href') && (relAttribute.toLowerCase().match('menutrigger'))){
                        anchor.onclick = function() {
                                var nameAttribute = this.getAttribute('name') + "Nav";
                                var thismenu = document.getElementById(nameAttribute);
                                hideItems();
                                thismenu.style.display="inline";
                                return false;
                        }
                }
        }
}

---

comunque si se vai in qualsiasi pagina (eccetto quella in cui ti chiede di entrare ovviamente) c'è una scrollbar che ti porta mooooooooolto a destra e li ci sono i link del menù..
Non c'è proprio nessuno che mi sa dare una mano?

il javascript non c'entra nulla, è solo un problema di css.

La prima definizione del tuo css dice che #nav deve essere largo 100%. Ma #nav è un DIV all'interno di una tabella (maleeeee, malisssimoooooo!) e mentre Firefox lo rende "largo il 100% della cella della tabella", IE capisce "largo il 100% dell schermo" e quindi ti ritrovi con una intestazione larghissima.

Dovrebbe essere quindi sufficiente togliere quel width: 100% dalla definizione di #nav e la cosa va a posto.