Problemas de visualización

Hola, siento tener que pediros ayuda para este tema que ya estaréis cansados de solucionar.
Pues este problema es el típico de la visualización en el Mozilla Firefox y en el Google Chrome.
La página es esta:
http://descargalotumismo.atwebpages.com
Aquí os dejo los códigos del index y de la hoja de estilos:
Index:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>Descárgalo tú mismo : Página Principal</title>
<META content="En esta página de descargas gratuitas encontrarás las mejores series, películas, programas y juegos. DESCÁRGALO TÚ MISMO" name="description">
<META content="descargas, series, películas, gratis, megaupload, directa" name="keywords">

</head>
<div id="global">
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[img]objetos/banner1.png[/img]</a>
</div>
</div>
<div id="espacio"></div>
<div id="menu">
<ul><h1>Secciones</h1>[*][url="series.html"]Series[/url][*][url="#"]Películas[/url][*][url="#"]Juegos[/url][*][url="ayuda.html"]Dudas solucionadas[/url][*][url="http://220166.guestbooks.motigo.com/"]Sugerencias y comentarios[/url][/list]
</div>
<div id="contenido">
<h1>Tu página de descargas gratuitas</h1>


En esta página podréis encontrar todas vuestras series preferidas, listas para descargar. Quizas más adelante podáis encontrar películas e incluso videojuegos.</p>


De momento, ya podéis encontrar dos series. Procuraré ir subiendo más. Además he creado un Libro de Visitas llamado "Sugerencias y Comentarios" 
en el que me podréis recomendar alguna serie o simplemente comentar la web.</p>


Más adelante, si la página tiene éxito, trabajaré en crear un buen foro. No olvidéis dejar vuestra sugerencia en el Libro de Visitas. Siempre será de gran ayuda saber cuáles son las series que más os gustan, para poder descargarlas.</p>


</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>[*][url="#"]Foro[/url][*][url="#"]Contactos[/url]
</div>
<div id="piedos"></div>
<div id="pietres">
<ul>[*][url="#"]Directorio[/url][*][url="#"]Mapa de la Web[/url]

<a id="mws4760527" href="http://webstats.motigo.com/">
[img]http://m1.webstats.motigo.com/n80x15.gif?id=AEijzwS9D5hSZYnVVM6l2yVn3H6g[/img]</a>
<script src="http://m1.webstats.motigo.com/c.js?id=4760527&amp;lang=ES&amp;i=3" type="text/javascript"></script>

[/list]
</div>
</div>
</div>
 

</body>
</html>

Y hoja de estilos:
* {margin:0px ; padding:0px ; border: 0px}
body {background-image:url(objetos/fondo2.bmp); background-repeat:repeat-x;background-image:url(objetos/fondo2.bmp); background-repeat: repeat-x; }
#global {width:1024px ; margin: 4px auto; float:center }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat; width:800px ; height: 12px ;overflow : hidden }
#cabecera {background-color:transparent; height:85px } 
#logotipo   {width:280px; float:left; margin: 20px 20px 100px 20px  }
#publicidad {width:518px; float:right }
#espacio {width: 300px}
#navegacion {background-color: #87CEFA; height:20px; border:1px solid #87CEEB}
#navegacion li {background-image:url(objetos/boton.jpg);float:left; list-style:none; margin: 0px 20px 0px 20px  }
#navegacion ul { margin-left: 180px }
#menu {background-color: yellow; width: 150px ; float:left; text-align:left;  margin:3px 10px 10px 10px; 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-parte-superior.gif)}
#contenido {background-color: transparent;   }
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
#pie {background-color: white; height: 65px }
#pie li  {list-style: none ; font-size: 12px }
#pieuno  {float:left; width:250px}
#piedos  {float:left; width:498px }
#pietres {float:left; width:250px}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px; overflow: hidden }
body {text-align: center}
a         {color: brown ; text-decoration:none ; display: block }
a:link    {}
a:visited {}
a:hover   {color:red ; text-decoration:underline ;}
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}
#logotipo a         {}
#logotipo a:link    {}
#logotipo a:visited {}
#logotipo a:hover   {background-color: white }
#logotipo a:active  {}
#navegacion a         {color: brown; text-decoration:none ; display: block }
#navegacion a:link    {}
#navegacion a:visited {}
#navegacion a:hover   {background-image:url(objetos/botonactivo.jpg) ; text-decoration:underline ; background-color: white }
#navegacion a:active  {color:black}
p {text-align: justify}
h1 {font-size: 1.4em; color:red ; 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}
hola

tienes una cabecera que mide
#cabecera {background-color:transparent; height:85px }
y dentro de ella pones un logotipo que mide, 900 px de ancho
y 90px de altura, como te darás cuenta no cabe
[contenido no disponible]</a>
#logotipo {width:280px; float:left; margin: 20px 20px 100px 20px }


crea una cabecera y ponle x altura
luego dentro de ella dos divs (la suma del ancho de esos dos divs debe ser igual o menor al ancho que tiene cabecera)
una vez que le hayas puesto el ancho a cada uno de los divs
dentro de ellos metes lo que deseas, si será una imagen
fijate bien que ancho y que alto debes ponerle, para que quepa dentro
ok??