visualizacion en diferentes navegadores

Hola

Hice hace poco una pagina web gracias a los tip de su tutorial paso a paso pero tengo problemas para que se vea de forma correcta en los diferentes navegadores lo extraño es que en explorer se ve bien y en mozilla se ve fatal no se puede navegar en ella, les anexo mi pagina www.aybwatersolutions.com.mx

y agrego mi codigo de estilos generales
* {margin:0px; padding:0px; border:0px;}
p {text-align:justify;}
h1 {font-size:1.2em; color:blue; font-weight:bold; text-decoration:underline; text-align:center;}
h2 {font.size:1.1em; color:blue; font-weight:bold; text-decoration:none; text-align:center;}
body {text-align:center;}
#global {width:800px; margin:4px auto;}
#cabecera {height:85px;}
#logotipo {width:800px; margin:4px auto}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#publicidad {width:518px; float:right; margin-top:25px;font-size: 45px}
#navegacion { background: #fff url(objetos/bigbox.png) no-repeat top left; color: #000; height: 34px; text-align: center; padding: 0 0 0 50px;font-size:12px; }
#navegacion li { display: inline; height: 0px; }
#navegacion li a { background: #fff url(objetos/barbg.png) no-repeat; color: #808080; width: 135px;height: 30px;overflow : hidden;padding: 7px 0; text-align: center; font-weight:bold; text-decoration: none }
#navegacion li a:hover { background: #fff url(objetos/barcurrent.png) no-repeat; color: #000; }
#navegacion li a.current { background: #fff url(objetos/barcurrent.png) no-repeat; color: #2C71AE; }
#contenido {background-color:withe; width:800px; float:left;}
#contenido p {padding:5px 10px 5px 10px;}
#menu {width:150px; float:left; text-align:left; margin: 3px 10px 3px 3px ;background-image: url(objetos/menu-parte-inferior.gif);background-position:bottom;padding-bottom:5px }
#menu li {list-style:none; margin:4px 8px 4px 6px;font-size:10px}
#menu h1 {text-decoration:none; font-size:12px;padding-top:12px ;background-image: url(objetos/menu-parte-superior.gif);}
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px }
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

y este es el de estilos

body {background-color:#E6E6FA; background-image:url(objetos/fondo.png);
background-position:center center; background-repeat:no-repeat; height:100%;;}
img {border-style:none;}
.centrado {text-align:center;}

espero me puedan apoyar muchas gracias.

Muy buenas te ocurrio el tipico error que nos sucede a muchos.
1º IExplorer no es tú amigo.
Si creas todo un codigo para una web basandote en como se visualiza en el, lo tienes muy oscuro!!
No normal es creae la web basandote en navegadores como firefox o chrome.
Ademas firefox te sirve herramientas para ayudarte en el diseño como firebug ( con esta aplicación en poco tiempo modificaras el aspecto de tú web y todo volvera a estar en su sitio. Ya que te permite desde la pantalla modificar datos como medidas, px, etc.)
Haz la prueba y seguro que no te arrepientes.