centrare e abbassare menu cssrollover

[Sechi Paolo]

Ho creato un menu rollover così:

<style>
div#nav ul{position:relative;width: 718px;height: 90px;overflow: hidden;
list-style-type: none; margin: 100 ;padding: 0;
background:url(menu.gif) no-repeat -0px 0}

div#nav li{position: absolute;top:height: 90px;margin:0;padding: 0}
div#nav a{display: block;text-indent: -9000px;text-decoration: none;
padding: 40px 0 0 0;overflow: hidden;height: 0px !important;
height /**/:90px;background-image: url(menu.gif)}

li#mhome{width: 100px;left: 0px;top: 10}
li#mhome a{background-position: 0px -10px}
li#mhome a:hover{background-position: -5px -120px}
body#home li#mhome a{background-position: -0px 82px}

li#mprod{width: 98px;left: 105px;top: 10px}
li#mprod a{background-position: -30px 40px}
li#mprod a:hover{background-position: -108px 182px}
body#prod li#mprod a{background-position: -110px -216px}

li#mserv{width: 97px;left: 208px;top: 10px}
li#mserv a{background-position: -208px -10px}
li#mserv a:hover{background-position: -211px -116px}
body#serv li#mserv a{background-position: -212px -217px}

li#mport{width: 98px;left: 309px;top: 32px}
li#mport a{background-position: -309px -32px}
li#mport a:hover{background-position: -312px -140px}
body#port li#mport a{background-position: -315px -240px}

li#mcont{width: 98px;left: 412;top: 40px}
li#mcont a{background-position: -412 -40px}
li#mcont a:hover{background-position: -416px -148px}
body#cont li#mcont a{background-position: -419px -248px}

li#link{width: 98px;left: 514;top: 50px}
li#link a{background-position: -514 -50px}
li#link a:hover{background-position: -519px -158px}
body#link li#link a{background-position: -519px -258px}


li#conta{width: 98px;left: 615;top: 40px}
li#conta a{background-position: -615 -40px}
li#conta a:hover{background-position: -620px -148px}
body#conta li#conta a{background-position: -620px -246px}


</style>

Ovviamente mi visualizza il menu in alto a sinistra.

Non ho la più pallida idea (ho cercato su gioogle e sulle giude css senza trovare nulla) di come fare per abbassare il menu di qualche decina di px e di centrarlo!!!
Come si fa

HELP

[Sechi Paolo]

Sono riuscito a posizionar eil menu correttamente con firefox, ma su I.E. è uno scempio....

Esiste qualche modo per utilizzare due diversi script css per i due browser? Non so, qualche script che riconosca il browser e quindi che utilizzi il css più adeguanto.

[Sechi Paolo]

Continuo ad avere problemi nel centrare l'intestazione...
Come faccio

[Sechi Paolo]

Ho cercato di agigostare il codice così:

margin: -90 -352;
left:50%;

ma purtroppo se uno riduce molto pagina o ha una risoluzione dello schermo inferiore all'800x600 il menu su sposta (http://www.pescaturismosangiovanni.it/index_prova2.php)

Non esiste un modo per allinearlo alla tabella principale anziché alla pagina???