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 è:

#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

[miki92]

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

il javascript è:

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?

[dreadnaut]

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.