Problema con la colocación del banner y publicidad.

Buenas, el caso es que en el paso por el que voy, tiene que estar así (se que aparece mal, pero eso es antes de arreglarlo), pero sin embargo, en el mismo paso, me aparece así.
La plantilla la tengo asi:
<!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">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
 		 	 <div id="cabecera">
  		 <div id="logotipo"></div>
			 <img alt="Haz clic aquí para volver a la página de inicio" src="objetos/logotipo.gif" height="80" width="270" />
  		 <div id="publicidad">Bienvenidos a mi Web</div>
</div>
  		 <div id="navegacion">Barra de Navegación</div>
  		 <div id="contenido">
			 <div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
       </div>
<h1>Esta será la zona principal de la web</h1>
<p>Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2><p> En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
<p>Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
  </div>
	<div id="pie">Este es el pié de página</div>
	<div id="curva-inferior"></div>
</div>
</body>
</html>
Y el estilo-general:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
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: 12px ; overflow : hidden }
#cabecera 	 {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
[B]#logotipo   	{background-color: brown ; width:280px ; float:left }[/B]
#publicidad   {background-color: pink  ; width:518px ; float:right }
#navegacion   {background-color: gray ; border: black 1px solid }
#contenido   {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p    {padding: 5px 10px 5px 10px ; text-indent: 15px }
#menu   {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px ; margin:3px 10px 3px 3px }
#menu li   {list-style:none ; margin: 4px 0px 4px 6px }
#pie 	{background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid }
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }
a            {color: brown ; text-decoration:none ; display: block }
a:link       {}
a:visited   {}
a:hover   	  {color:red ; text-decoration:underline ; background-color: silver }
a:active  	  {}
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 }

El error creo que puede estar en la zona que he puesto en negrita, pero no lo encuentro.

Salu2
Este es el tuyo :

<div id="logotipo"></div>
<img alt="Haz clic aquí para volver a la página de inicio" src="objetos/logotipo.gif" height="80" width="270" />



Este el mio:

<div id="logotipo">

<a href="../webmaster/webmaster.html">


<img src="../objetos/carlos.gif.jpg" width="70" height="95" alt="Haz clic aquí para volver a la página de inicio"/>

</a>


</div>

Si te das cuenta veras que tienes mal codificada la imagen; pues esta fuera del div o capa.
Claro, ahora lo entiendo, puse el "</div>" justo despues de "logotipo", cuando habia que ponerla despues del "</a>".

Muchísimas gracias