Cómo se puede retocar la pagina

Hola, ahora mismo tengo una pagina muy similar a la del curso paso a paso de cctw pero hay algo que no me gusta del todo: que el menu vertical y el texto principal de la page este todo junto.

Mi idea era que dentro de la capa contenido (donde ahora se encuentra el menu vertical y el texto junto) separarla en dos partes: una muy estrecha donde se colocasen el menu vertical y debajo el hueco que me sobra poner algo de publicidad, y otra que ocupase la mayor parte de la capa contenido donde colocar el texto.

Pero veo dos problemas:
1- No se hacerlo porque se me descoloca toda la capa contenido
2- Si lo separo mediante una linea ¿no quedara un pelin mal cuando se junte con el borde redondeado que he colocado al final de esta capa?

*Mi página lleva por separado cada una de sus capas (cabecera, cuerpo y pie)

En vez de meter el menú dentro del contenido, ponlo a su lado. Para que no descuadre, configura los nuevos tamaños en el css.

Haber, lo que quiero es poder poner debajo del menu mas recuadros con la misma forma y tamaño del menu (menos d e altura, logicamente). Esto es lo que pongo en el codigo html de todo lo que es contenido:

*El recuadro que quiero poner lo he llmado: cuadro-publicitario-1
-------------------------------------------------------------------------------------
<div id="contenido">

<div id="menu">
<ul>
<h1>Inicio</h1>

Curso de guitarra

Curso de bajo

Acordes y partituras

Galería

Foro

Novedades

Contáctanos


</div>
<div id="cuadro-publicitario-1">
<ul>

Espacio publicitario disponible



<h1>Título</h1>


Texto</p>


Texto</p>


Texto</p>


Texto</p>


Texto</p>


Texto</p>
</div>
-------------------------------------------------------------------------------------

Así he definido cudro-publicitario-1 en la hoja de estilos css:

-------------------------------------------------------------------------------------
#cuadro-publicitario-1 {width: 150px ; float: left ; text-align: left ; margin-right: 10px ; margin: 5px 10px 3px 5px ; background-image: url(objetos/menu-parte-inferior.gif) }
-------------------------------------------------------------------------------------

*Todavia no he puesto el borde redondeado superior, peo no creo que se me descoloque por eso

Bueno y cuando le doi a la vista preliminar cuadro-publicitario-1 me sale al lado del menu y encima del texto de forma que queda echo un asquito.

Bueno creo que comprendí lo que querías. Me acordé de que vi una web que tenia algo así en el foro y busqué. Solo mira el código fuente :D

Ahí tienes: http://unpocodemucho.atwebpages.com/seccion1/plantilla2.html

¿Era eso lo que buscabas?

Lo he probado todo, pero no se exactamente que es lo que hay que poner en la hoja de estilos css por lo que se me descoloca todo