Tengo un problema con mi web

Hola como estan?


Bueno les comento mi problema a ver si me pueden ayudar, mi problema es el siguiente, cree una pagina web en el HTML-Kit, cuando pongo vista previa la veo bien, pero si pongo vista previa pero en pantalla completa se me desfigura toda la web.
Aca les paso la web


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

<html>
<head>
<title>Bienvenidos</title>

<style type="text/css">
<!--
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        font-size: 80%;
        font-weight: bold;
        background: #F3FAFF;
				width: 100%;
				height: 100%
        }

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

/* =-=-=-=-=-=-=-[Menu Six]-=-=-=-=-=-=-=- */

#menu6 {
        width: 200px;
        margin: 10px;
        }

#menu6 li a {
          height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }


#menu6 li a:link, #menu6 li a:visited {
        color: #8D9179;
        display: block;
        background: url([url]http://img194.imageshack.us/img194/3249/menu6.gif[/url]);
        padding: 8px 0 0 10px;
        }

#menu6 li a:hover, #menu6 li #current, #menu6 li a:active {
        color: #6C7250;
        background: url([url]http://img194.imageshack.us/img194/3249/menu6.gif[/url]) 0 -32px;
        padding: 8px 0 0 10px;
        }
				
#contenido {
					background-color: gray ;
					background-position: center center ;
					width: 550px ;
					height: 400px ;
					float: right ;0
					background-image: url([url]http://img.webme.com/designs/iceblue/images/stats_bg1.gif[/url]);
					margin: 0px 0px ;
					}
h1 {
	 			text-align: center;
	 			font: bold 20px Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
				margin: 50px 10px ;

}

#cabezera {
					background-color: #000000 ;
					width: 100% ;
					height: 200px ;
					text-align: center ;
	 			  font: bold 20px Verdana, Arial, Helvetica, sans-serif ;
					color: #ffffff
					}
-->
</style>

</head>
<body>
<div id="cabezera">Bienvenidos a Mi Web</div>

<div id="contenido">


</p>
</br>


</p>
</div>

<div id="menu6">
                        <ul>
[*][url="Pagina-1.html"]<span>Plantillas Numero 1</span>[/url]
[*][url="Pagina-2.html"]<span>Plantillas Numero 2</span>[/url]
[*][url="Pagina-3.html"]<span>Plantillas Numero 3</span>[/url]
[*][url="Pagina-4.html"]<span>Plantillas Numero 4</span>[/url]
[*][url="Pagina-5.html"]<span>Plantillas Numero 5</span>[/url]
                        [/list]
                </div>
<div id="menu6">
		 <ul>
[*][url="Pagina-6.html"]<span>Plantillas Numero 6</span>[/url]
[*][url="Pagina-7.html"]<span>Plantillas Numero 7</span>[/url]
[*][url="Pagina-8.html"]<span>Plantillas Numero 8</span>[/url]
[*][url="Pagina-9.html"]<span>Plantillas Numero 9</span>[/url]
[*][url="Pagina-10.html"]<span>Plantillas Numero 10</span>[/url]
[*][url="Pagina-11.html"]<span>Plantillas Numero 11</span>[/url]

[/list]
</div>
</body>
</html>


Esa es la web de las que les hablo, es una pagina muy sencilla, es para probar lo que estube aprendiendo pero con este problema veo que muy bien no voy, fijense que cuando la ven en vista previa en el cuadro chico se ve bien pero si lo hacen en pantalla completa se separa todo de su lugar y quedan espacios que no quiero.

Espero que me puedan ayudar, desde ya muchas gracias.

ATT: Brian
hola, disculpame que no te conteste antes pasa que estaba en el colegio y recien llego jejeje.

Bueno aca te dejo las imagenes.
Como veras en esta imagen

[contenido no disponible]

El espacio entre el menu y la seccion del contenido estan cerca uno del otro,
y como veras en la siguiente

[contenido no disponible]

se separo el menu con el contenido esta mas separado, y esto tambien me pasa en otras plantillas que generalmente uso los mismo codigos, o sea el ancho, el alto y eso, bueno si me pudieras decir cual es mi error te lo agradeceria mucho, desde ya muchas gracias.

Salu2.
ATT: Brian
bueno revisa si te gusta asi sino dime y lo arreglo como digas

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

<html>
<head>
<title>Bienvenidos</title>

<style type="text/css">
<!--
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        font-size: 80%;
        font-weight: bold;
        background: #F3FAFF;
            width: 100%;
            height: 100%
        }

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

/* =-=-=-=-=-=-=-[Menu Six]-=-=-=-=-=-=-=- */

#menu6 {
        width: 200px;
        margin: 10px;
				float:left;
        }

#menu6 li a {
          height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }


#menu6 li a:link, #menu6 li a:visited {
        color: #8D9179;
        display: block;
        background: url([url]http://img194.imageshack.us/img194/3249/menu6.gif[/url]);
        padding: 8px 0 0 10px;
        }

#menu6 li a:hover, #menu6 li #current, #menu6 li a:active {
        color: #6C7250;
        background: url([url]http://img194.imageshack.us/img194/3249/menu6.gif[/url]) 0 -32px;
        padding: 8px 0 0 10px;
        }
            
#contenido {
               background-color: gray ;
               background-position: center center ;
               width: 550px ;
               height: 400px ;
               float: left ;0
               background-image: url([url]http://img.webme.com/designs/iceblue/images/stats_bg1.gif[/url]);
               margin: 0px 5px ;
               }
h1 {
             text-align: center;
             font: bold 20px Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
            margin: 50px 10px ;

}

#cabezera {
               background-color: #000000 ;
               width: 100% ;
               height: 200px ;
               text-align: center ;
               font: bold 20px Verdana, Arial, Helvetica, sans-serif ;
               color: #ffffff
               }
-->
</style>

</head>
<body>
<div id="cabezera">Bienvenidos a Mi Web</div>
<div id="menu6">
<ul>
[*][url="Pagina-1.html"]<span>Plantillas Numero 1</span>[/url]
[*][url="Pagina-2.html"]<span>Plantillas Numero 2</span>[/url]
[*][url="Pagina-3.html"]<span>Plantillas Numero 3</span>[/url]
[*][url="Pagina-4.html"]<span>Plantillas Numero 4</span>[/url]
[*][url="Pagina-5.html"]<span>Plantillas Numero 5</span>[/url]
[/list]
<ul>
[*][url="Pagina-6.html"]<span>Plantillas Numero 6</span>[/url]
[*][url="Pagina-7.html"]<span>Plantillas Numero 7</span>[/url]
[*][url="Pagina-8.html"]<span>Plantillas Numero 8</span>[/url]
[*][url="Pagina-9.html"]<span>Plantillas Numero 9</span>[/url]
[*][url="Pagina-10.html"]<span>Plantillas Numero 10</span>[/url]
[*][url="Pagina-11.html"]<span>Plantillas Numero 11</span>[/url]

[/list]
</div>
<div id="contenido">


aaa</p>
</br>


aaaaaaaa</p>
</div>
</body>
</html>
8)
Hola como andas?

Bueno con eso que arreglaste me gusta que no se separe pero como habras visto cuando esta en una ventana chica esta bien acomodado, pero cuando lo agrandas se estira mucho la zona de la cabezera, ahora te muestro unas imagenes desde internet y te muestro lo que no me gusta que haga la web para que si vos sabes me ayudes...

[contenido no disponible]

Como vez en esta primera imagen a la derecha te señale con un rectangulo rojo que no hay mucho espacio o mejor visto que no sobresale mucho la cabezera con el contenido y no hay barra de desplazamiento en la parte de abajo asi que no se puede mover hacia los costados o sea eso seria toda la web...

[contenido no disponible]

Como vez en la segundo imagen el espacio es mas grande y sobresale mucho la cabezera y como antes tampoco hay barra de desplazamiento asi que es toda la web pero no como antes sino que con mas espacio a la derecha...

[contenido no disponible]

Y como vez es esta ultima al hacer mas chico el cuadro se me desfiguro toda la web, el contenido se fue abajo de todo hasta abajo del menu...

Bueno entonces yo lo que queria saber es como arreglar eso para que me quede toda fija como en este foto si te fijas cuando lo achicas mucho la ventana del explorador te queda todo en su lugar...

Bueno eso es todo, perdon por volverte loco, espero que sepas como puedo lograr que no pase esto, igual te agradezco la ayuda que me diste y tambien te agradezco por contestarme...

ATT: Brian
bien no te preocupes que aurita arreglo eso 8)

aurita que lo termine edito mi tema y te lo posteo para que veas si ya esta bien

saludos!!!

EDITO:

Dime si asi esta bien compañero


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

<html>
<head>
<title>Bienvenidos</title>

<style type="text/css">
<!--
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        font-size: 80%;
        font-weight: bold;
        background: #F3FAFF;
            width: 100%;
            height: 100%
        }

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

/* =-=-=-=-=-=-=-[Menu Six]-=-=-=-=-=-=-=- */

#menu6 {
        width: 200px;
        margin: 10px;
				float:left;
				position:absolute;
        }

#menu6 li a {
          height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }


#menu6 li a:link, #menu6 li a:visited {
        color: #8D9179;
        display: block;
        background: url([url]http://img194.imageshack.us/img194/3249/menu6.gif[/url]);
        padding: 8px 0 0 10px;
        }

#menu6 li a:hover, #menu6 li #current, #menu6 li a:active {
        color: #6C7250;
        background: url([url]http://img194.imageshack.us/img194/3249/menu6.gif[/url]) 0 -32px;
        padding: 8px 0 0 10px;
        }
            
#contenido {
             background-color: gray ;
             width: 85%;
             height: 400px ;
						 position:absolute;
             float: left;
             margin: 0px 215px;
             }
h1 {
             text-align: center;
             font: bold 20px Verdana, Arial, Helvetica, sans-serif;
             color: #000000;
             margin: 0px;
             padding: 0px 0px 0px 15px;
             margin: 0px 10px ;

}

#cabezera {
             background-color: #000000 ;
             width: 100% ;
             height: 200px ;
             text-align: center ;
             font: bold 20px Verdana, Arial, Helvetica, sans-serif ;
             color: #ffffff
             }
#global{width: 100%;}
-->
</style>

</head>
<body>
<div id="cabezera">Bienvenidos a Mi Web</div>

<div id="menu6">
<ul>
[*][url="Pagina-1.html"]<span>Plantillas Numero 1</span>[/url]
[*][url="Pagina-2.html"]<span>Plantillas Numero 2</span>[/url]
[*][url="Pagina-3.html"]<span>Plantillas Numero 3</span>[/url]
[*][url="Pagina-4.html"]<span>Plantillas Numero 4</span>[/url]
[*][url="Pagina-5.html"]<span>Plantillas Numero 5</span>[/url]
[/list]
<ul>
[*][url="Pagina-6.html"]<span>Plantillas Numero 6</span>[/url]
[*][url="Pagina-7.html"]<span>Plantillas Numero 7</span>[/url]
[*][url="Pagina-8.html"]<span>Plantillas Numero 8</span>[/url]
[*][url="Pagina-9.html"]<span>Plantillas Numero 9</span>[/url]
[*][url="Pagina-10.html"]<span>Plantillas Numero 10</span>[/url]
[*][url="Pagina-11.html"]<span>Plantillas Numero 11</span>[/url]
[/list]
</div>
<div id="contenido">


aaa</p>
</br>


aaaaaaaa</p>
</div>
</body>
</html>
Hola, como andas?

Bueno te digo que ahora si quedo, muchas gracias por tu ayuda, te lo agradezco mucho...

Muchas gracias.

ATT: Brian

Salu2