Solo se ve bien en navegador internet explorer

Hola a tod@s,

Bueno, he realizado el curso de DIVS de comocreartuweb (genial) y he empezado hacer mis primera página web. Lo que creo que me he saltado algún paso y no encuentro el fallo, pero es que en internet explorer se vé bien, pero en Opera y Firefox se ve todo descentrado: alguien me puede dar alguna pista?
La página es
www.globaltradeonline.es

Es verdad que me olvidada, adjunto el código de la hoja de estilos:

* {text-indent:0px; margin:0px; padding:0px; border:0px;}
p {text-align:justify}
h1 {font-size:1.5 em; color:darkblue; 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;background-color:#E6E6FA; background-image:url(objetos/dibujomundoratones.JPG); background-repeat:repeat;}
#global {width:900px; margin:4px auto;}
background-repeat:no-repeat;
width:800px;
height:12px;
overflow:hidden;}
#cabecera {background-color:none;height:85px;}
#Globo_terraqueo_2{width:120px; float:left;}
#publicidad {width:718px; float:right; margin-top:25px; font-size:16px;}
#navegacion {background-color:Lawngreen; border:Limegreen 2px solid; height:45px;}
#navegacion li {float:left; list-style:none; margin:10px 20px 0px 20px;}
#navegacion ul {margin-left:60px;}
#contenido {background-color:none; border-left:none - black 1px solid;
border-right:none - black 1px solid;}
#contenido p {margin:5px 10px 0px 10px; text-indent:15px;}
#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;}
#menu h1 {text-decoration:none; font-size:12px;background-image: url(objetos/menu-curva-superior.gif);padding-top:12px;}
#pie {border-left:black 1px solid; border-right:black 1px solid;
border-top:black 1px solid; height:65px;}
#pie li {list-style:none; font-size:12px;}
#pieuno {float:left; width:150px;}
#piedos {float:left; width:498px;}
#pietres {float:left; width:150px;}
#curva-inferior {background-image:url(none);
background-repeat:no-repeat;
width:800px;
height:12px;
overflow:hidden;}
a {color:orangered; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:black; text-decoration:underline; background-color:aquamarine;}
a:active {}
#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}
#Globo_terraqueo_2 a {}
#Globo_terraqueo_2 a:link {}
#Globo_terraqueo_2 a:visited {}
#Globo_terraqueo_2 a:hover {background-color: white }
#Globo_terraqueo_2 a:active {}


saludos,[:D]

estoy probando y probando, pero nada. No doy con el truquillo para arreglarlo...[:(]

Hola en tu código html tienes lagunos cosas que no está bien.
Muchos.... ejemplo;
objetos/Globo_terraqueo_2.gif" width="15" height="15"</p>
la imagen...en su etiqueta no la cierras antes de </p> y no puede hacer que se mueva un poco.

Revisa todo el código html.

saludos

o.k., voy a revisarlo de nuevo...

hola!!!!
gracias por subir este excelente curso de como crear paginas web...

se me esta presentando el problema de q solo en Internet Explorer se ve bien... me refiero a q por ejemplo en Firefox se estan presentando los siguientes problemas : las letras q estan acentuadas se ven como signos de interrogacion y el subtitulo se ve mas grande q el titulo, me refiero a la letra, solo eso.....