mi pagina solo se ve bien en iexplorer, no asi en otros

antes que nada gracias, mediante CCTW, estoy entrando en el mundo del diseño de paginas web. En concreto, en el html kit, se ve bien, y en el iexplorer de window, no asi en google chrome ni en firefox. te paso el codigo porque no levante todavia, desde ya gracias.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Artes Normy - Canasta de desayuno basico</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">

<div id="cabecera">
<div id="logotipo">
<a href="../index.html">
<div id="logo1">
[contenido no disponible]
</div>
</a>
</div>
<div id="publicidad"></div>
<div id="navegacion">
<ul>
  • Inicio
  • Basico
  • Tradicional
  • Mate
  • Terere
  • Lujo

    </div>
    </div>

    <div id="contenido">

    <div id="imagen">
    [contenido no disponible]
    </div>

    <h1>Canasta de desayuno basico </h1>


    Chocolata de 500 ml.</p>


    Gaseosa o jugo</p>


    Agua mineral de 500 ml.</p>


    Fruta </p>


    Facturas dulces</p>


    Galletita dulce</p>


    Galletita salada</p>


    Chipitas</p>


    Taza </p>


    Sandwich</p>


    Servilleta </p>
    </div>
    </div>
    </body>
    </html>
    **************************************
    *{text-indent:0px;margin:0px;padding:0px;border:0px}
    p {font-size:1.5em;font-style:italic;text-align:left}
    h1 {font-size:2.1em;color: blue;font-style:italic;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 {background-color:black;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:10px;overflow:hidden}
    #cabecera {background-color:black;border-left:black 1px solid;border-right:black 1px solid;height:10px}

    #logotipo {width:800px}
    #logo1 {border:#000 1px solid; margin: 2px 0px 0px 0px;text-align:center;}

    #publicidad {width:518px;float:right; margin-top:0px}
    #navegacion {background-color:silver;text-color:black;border:black 1px solid; height:20px}
    #navegacion ul{margin-left:180px;text-color:black}
    #navegacion li {float:left;margin: 0px 0px 0px 20px}

    #contenido {background-color:#9ACD32;border-left:black 1px solid;border-right:black 1px solid}
    #imagen { height:600;width:200;float:left; margin:50px 0px 0px 0px}
    #contenido p{padding:5px 10px 5px 10px;text-indent:15px}

    #menu {background-color:yellow;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:1.1em;background-image:url(objetos/menu-curva-superior.gif)}
    #pie {background-color:orange;border-left: black 1px solid;border-right:black 1px solid}
    #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(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
    a {color:green;font-size:1.3em;text-decoration:none;display:block}
    a:link {color:black}
    a:visited{}
    a:hover{color:yellow;text-decoration:underline;background-color:silver}
    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 {}
    #logotipo a {}
    #logotipo a:link{}
    #logotipo a:visited {color:black}
    #logotipo a:hover {background-color:black}
    #logotipo a:active {}


    gracias por la atencion, si pueden me envian un correo por favor
    de nuevo muchas gracias