El div de navegacion desplazado

Que le pasa al div de navegacion?
Se me sale fuera del contenido a la izquierda. No hay manera, he intentado con padding, margin, centrado y no se que........
Tengo todo la pagin y text centrado y todo sale centrado MENOS LA BARRA DE NAVEGACION!!!!!!

#navegacion {background-color:#8B8378;font-family:verdana;fontsize: 0.9em;height:30px; with:800px }

#navegacion ul { margin-left:100px }

#navegacion li {float:left; margin:0px 0px 0px 0px; list-style:none; padding:20px 0px 10px 50px }

Que es lo que hago mal?
no se bien de que estamos hablando (pon mejor la url para verlo) pero tiene un ancho de 800 (el ancho de muchas paginas) y un margen de 100
Hola
En el URL no se ve porque tengo varias capas con el mismo color de fondo y he logrado desplazar el texto con margen para que parezca centrado. El problema viene cuando personas que no tengan wondows abre la pagina. Se ve destinto.
En el css que codigo se pone para que todo sea centrado?
¿por que no nos pones el código de tu web o la direccion para echarle un vistazo?
Hola
os puedo poner el URL pero no vias a ver nada por lo que arriba he mencionado. www.mianilsen.com
Aqui viene una copa del css que creo que es el problema:

* {margin:0px ; padding:0px ; border: 0px}
* {text-indent:0px ; margin:0px 0px 0px 0px ; padding:0px ; border:0px}
p {font-family:verdana;text-align: justify;font-size:0.9em;color: #363636;margin:0px 0px 0px 120px}
h1 {font-size: 2.4em; color:#00FFFF ;font-family:verdana ; text-align: left}
h2 {font-size: 1.2em; color:#00FFFF ; font-family:verdana; text-align: left}
h3 {font-size: 1.8em; color:#E0FFFF ;padding: 10px 0px 0px 0px;font-family:verdana ; text-align:left}
h4 {font-size: 0.9em; color:#363636 ; font-family:verdana;font-weight: none ; text-decoration: none ; text-align: right;}
h5 {font.size: 0.9em; color:#363636 ; font-family:verdana;font-weight: none; text-decoration: none ; text-align: left}
h6 {font-size: 1.5em; color:#00FFFF ;font-family:font-weight: bold ; text-decoration: none ;font-family:verdana ;text-align:right}
body {text-align:center; background-color: #8B8378; background-position: center center ; height:100%;}
#global {width:800px ; margin: 4px auto}
#contenido {width: 800px ; float:left; background-color: #8B8378; margin: 0px 60px 0px 60px }
#contenido p {padding: 10px 60px 5px 0px;font-size:0.9em; text-indent:25px;color: #363636}
img {border-style: none}
.centrado {text-align:center}
#idiomas{background-color:#8B8378;height:20px }
#idiomas li {float:right;margin:10px 10px 0px 10px}
#cabecerauno {background-color:#8B8378 ;float:left; width:350px;height: 120px ;margin:0px 0px 0px 0px}
#cabecerados {background-color:#8B8378 ;float:right;width:350px;height: 120px ;margin:0px 0px 0px 0px}
#navegacion {background-color:#8B8378;font-family:verdana;font-size: 0.9em;height:30px; with:800px }
#navegacion ul { margin-left:100px }
#navegacion li {float:left; margin:0px 0px 0px 0px; list-style:none; padding:20px 0px 10px 50px }
#menu {background-color: #8B8378; width:200px; float:left; text-align:left; font-size: 1.3em; margin: 70px 5px 3000px 0px }
#menu li { list-style:none; margin: 4px 0px 30px 6px }
#logotipo { height:20px;background-color: #red }
#logotipo li{float:left;margin:40px 0px 40px 60px}
#text{margin: 30px 40px 0px 70px}
#textuno{margin: 0px 40px 0px 15px}
#pie {background-color: brown }
#fotos{margin: 5px 40px 20px 60px}
#fotosdos{margin: 50px 40px 20px 60px;float:left}
#fotostres{margin: 40px 40px 40px 150px}
#fotoscuatro{float:right ;margin:50px 0px 20px 0px}
a {color: #E0FFFF; text-decoration:none; font-size:0.9em; display: block }
a:link{}
a:visited{}
a:hover{color:#00FFFF ;text-decoration:underline}
a:active{}
p {text-align: center}
pp {text-align: left}
yo el menú de navegación lo veo perfectamente centrado con la foto del barco
Lo se..... porque he trasladado el texto al extremo derecho del div, pero si le coloreo a rojo el div, veras que esta pegado a lado izquerdo, y en ciertos navegadores (mac) la ultima palabra ( fotos) aparece debajo de la palabra "menu".