Los primeros problemas

Pronto me he encontrado con los primeros y serios problemas. He usado el posicionamiento relativo y no funciona cuando llego a la columna de la derecha, pero antes voy a explicarme mejor.

He intentado hacer la cabecera en dos bloques pegados, a los que he llamado cabeceraIz y cabeceraDer. A su vez, dentro de cabeceraIz he creado otros dos bloques, uno a la izquierda del todo con el típico logo (float: left), al que le he dado el mismo nombre, y otro con el nombre cabeceraCen que contenía a su vez los bloques rótulo y navegador.

La desagradable sorpresa me la he llevado cuando he visto que los divs no se mueven bien dentro de otros DIVs, así que cuando he ido a dar el atributo float: right al div cabeceraDer, este no se coloca a la misma altura que el de cabeceraIz, a pesar que la suma de ambos es menor que el div que los contiene, que recuerdo es el div contenedor.

De hecho se sale del DIV contenedor, que he puesto "rodeando" a todo el documento.

¿Por qué? pues aún no lo sé :-(

SOLUCIONADO:
Bueno, esta vez he tenido suerte y no me ha llevado mucho aprender algo nuevo. El comportamiento que yo esperaba era que un div se posicionase dentro de otro en función de los límites del contenedor, y resulta que para que eso ocurra el elemento contenedor debe tener el atributo position en relative o absolute, según he aprendido de estadobeta.com Mil gracias.

De todas formas, "como los buenos pintores", acabo de tener un "arrepentimiento", pues estaba intentando hacer una columna central de tamaño fijo y acabo de cambiar de opinión, así que habrá que retocar tanto el código como las barras separadoras que simulan la continuación del agua del logo.

La razón por la que elegí hacerla fija fue que estas barras no se cortasen, así que finalmente voy a tener que hacer que se trate de una especie de imagen que se enlaza a sí misma como si fuese un azulejo.