Distorcion en la portada

Hola amigos: verdad que son lo máximo.
Tengo dominio y Hosting de pago en Allinhosting. Mi problema que cuando logre subir mi web, no se visualiza como debe ser.
¿Me podrian ayudar?
Gracias

Mi url:http://www.castillospencilpictures.com
y este el codigo del index.

<!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>PORTADA</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">[url="index.html"][img]objetos/logotipo1.gif[/img][/url]</div>
    <div id="publicidad">Bienvenidos a mi Web</div>
  </div>
  <div id="navegacion">
    <ul>
      [*][url="index.html"]Portada[/url][*][url="historia/historia.html"]Historia[/url]
			[*][url="galeria/galeria.html"]Galería[/url]
			[*][url="precios-y-sizes/precios-y-sizes.html"]Precios y Sizes[/url]
			[/list]
  </div>
	
  <div id="contenido">
	
<h1>PAGINA OFICIAL DE CASTILLO'S PENCIL PICTURES</h1>
<h2>Bienvenidos a nuestro sitio.</h2>


[img]objetos/sonrisa.gif[/img]</p>


Te estábamos esperando. ¿Para qué?</p>


Pues para brindarte la oportunidad de ver, con tus propios ojos, la obra retratista de nuestro artista del lápiz.</p>


Sí, sabemos que te estás haciendo la siguiente pregunta: ¿Artista del lápiz? Pues lo llamamos de esa manera porque
   Eugenio, con su set de lápices de dibujo, es capaz de  de reproducir una fotografía al tamaño que él desee.</p>
	

¿Que si es posible lo que le contamos? Para que no diga que alguien se lo contó, le invitamos a navegar por 
	   nuestro sitio para que aprecielo que éste artista es capaz de reproducir y ampliar con su lápiz.</p>


Para navegar por nuestro sitio, haga click en cualquiera de los botos de la barra gris de la parte superior.</p>
  </div>
	
  <div id="pie">
		<div id="pieuno">
  <ul>
    [*][url="#"]Foro Ejemplo[/url][*][url="#"]Contactos[/url][*][url="#"]Nos Enlazan[/url]
  [/list]
</div>
	<div id="piedos">pie dos</div>
		<div id="pietres">
  <ul>
    [*][url="#"]Directorio[/url][*][url="#"]TopSite[/url][*][url="#"]Mapa de la Web[/url]
  [/list]
</div>
	</div>
	
  <div id="curva-inferior"></div>
</div>
</body>
</html>
Hola:
En primer lugar la imagen de la cabecera está escalada a una altura de 95px y la capa "cabecera" sólo tiene 85px de alto: por eso se sale la imagen y corre el menú (Portada...Historia...etc). Deberá dejar la <cabecera> de height:97px.

Para que no le aparezcan signos extraños en los textos, quite esta línea que le faltan unas comillas

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


y agregue esta otra:

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


Suerte.

Un amigo desde Colombia,
A lo que te refieres "distorsionada" la página de inicio es porque, como dijo bien samuel, el logo de la página es de unas dimensiones superiores.

El otro problema es en el texto, que está así con signos como "@!À" porque no tienes colocada en la <head> del codigo HTML de tu plantilla la META-ETIQUETA que le dice al buscador que coloque las tildes (o los acentos, si así lo prefieres ;D).

El código es este:

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

Si tienes muchas dudas métete en el Cuarto Capítulo del curso de CCTW y busca el últilmo apartado, mostrar acentos.

Un saludo y espero haberte ayudado.