Problema con divs

[kiM-]

Buenas, resulta que estoy aprendiendo en esto de los divs y tengo algunos problemas.

Antes que nada, os pongo el código de los divs y el css.

Así es como tengo yo los divs:

<div id="contenedor">
<div id="cabecera"><img src="images/header.png" /></div>
<div id="menuhorizontal"><img src="images/menuhrz.png" /></div>
<div id="centro">
<div id="menu">
<div id="menu1"><img src="images/imgm1.png" /></div>
<div id="menu2"></div>
<div id="menu3"><img src="images/imgmdown.gif" /></div>
</div>
<div id="contenido"></div>
</div>
<div id="pie"><img src="images/footer.png" /></div>
</div>

Así el CSS:

* {margin:0; padding:0;}

body { font-family: Verdana, Arial, Helvetica, sans-serif; }
#contenedor { width: 960px; margin: 0 auto; }
#centro { width: 960px; background-image: url(images/bg.gif); overflow: auto; }
#menu { width: 174px; float: left; }
#menu1 { width: 174px; }
#menu2 { width: 174px; background-image: url(images/bgmenu.gif); }
#menu3 { width: 174px; }
#contenido { width: 786px; float:right; }

1º Resulta que en el div "contenido" no se me mostraba el fondo por tener los floats así que puse overflow: none; pero resulta que la altura del div es más prqueña y eso hace que el fondo solo se vea en esa misma tabla, lo que quiero es estirar la tabla "contenido" a la misma altura que la de "centro". ¿Alguno me podría ayudar?

2º Al escribir en la tabla "contenidos" muy seguidamente, en vez de partirse la tabla sigue y se hace más ancha, como si el navegador no supiera donde partir para hacer el salto de texto, alguno me ayuda y me dice cómo lo consigo?

3º Al incluirlo todo en includes el fondo deja de verse y alguns divs se descentran, ¿Alguno sabe por qué?

Saludos y gracias!