Descuadre segun explorador: IExplorer vs Mozilla Firefox

Hola, he intentado cambiar el orden así como varias margenes, padding, bordes, pero no acabo de lograr que me queden igual, luego no me queda otra que asumir lo novato que soy y pedir ayuda, este es mi enlace y los codigos tanto de la plantilla como de estilos.

Lo que me descuadra es el logotipo y el menu:

http://mundotrading.atwebpages.com/plantilla.html

Plantilla:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>

<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>

<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>

<div id="navegacion">
<ul>

  • Trading
  • Recomendaciones
  • Calendario Semanal
  • Suscripción

    </div>

    <div id="contenido">
    <div id="menu">
    <h1>SERVICIOS</h1>
    <ul>
  • Abrir Cuenta
  • Promociones
  • Tarifas
  • Ejemplos
  • Noticias
    </div>
    <h1>SISTEMAS DE TRADING GANADORES</h1>

    <h2>Resultados de nuestro Sistema de Trading</h2>


    En esta sección podrán acceder de forma gratuita a comprobar los aciertos de los servicios de recomendaciones intradía y tendenciales, de las señales enviadas a los suscriptoresl y de los resultados históricos obtenidos. </p>

    <h2>Donde invertir</h2>


    Análisis de los mejores valores o más atractivos para invertir desde el intradía y cortoplazistas hasta largo plazo. </p>

    <h2>Calendario de noticias, datos macroeconómicos y resultados de empresas</h2>


    Desde aquí podra mantenerse informado de los ultimos resultados macro y micro publicados así como los focos de interes semanales</p>



    </div>


    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>

    </div>

    </body>

    </html>

    Estilos:

    * {text-indent:0px;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 }

    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat;
    width:800px ;
    height: 11px;
    overflow : hidden }
    #cabecera { height:170px; background-image: url(objetos/curva-inferior.gif) ; background-position:bottom}
    #logotipo { width:276px; float:left; margin: 0px 0px -4px 3px }
    #publicidad { width:516px; float:right; margin-top:25px; }
    #navegacion {background-color: gray ; border: black 1px solid; height:20px;background-image: url(objetos/curva-inferior.gif) ; background-position: bottom ;padding-bottom:8px}
    #navegacion li {float:left; list-style:none; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 130px }
    #contenido { background-image: url(objetos/fondomenu.gif) ; background-position: bottom;padding-bottom:9px }
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu { width: 150px ; float:left; text-align:left; margin: 4px 10px 3px 6px ;
    background-image: url(objetos/menu-parte-inferior.gif);background-position: bottom; padding-bottom:5px }
    #menu li { list-style:none; margin: 4px 8px 4px 8px }

    #menu h1 {text-decoration:none ; font-size:12px;
    background-image: url(objetos/menu-parte-superior.gif);padding-top:9px;padding-bottom:9px }

    #pie {background-image: url(objetos/curva-inferior2.gif) ; background-position: bottom;padding-bottom:9px; border-top: black 1px solid }

    a {color: brown; text-decoration: none; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red;text-decoration:underline ; background-color: silver}
    a:active {}


    Gracias de antemano,

    S2.