Si amigo, todas las etiquetas que se encuentren anidadas seguiran moviendose siguiendo la logica que tienen definidas en su CSS.
Lo que te recomiendo que hagas es:
1.- Modifiques las propiedades de cada una de las etiquetas, verás yo lo podría hacer por tí pero no aprenderías y yo creo que te gustaría aprender para que algun día puedas hacer cosas mejores por tí solo.
Por este razon aqui estoy para ayudarte en lo que necesites ok. Pero debes saber que hay que repetir gran parte del código, sin embargo no te asustes es muy facil y rápido.
Primero, tu diseño debe seguir esta lógica:
http://img688.imageshack.us/img688/789/estructurah.png 
El div principal (div content debe ser un position relative) ya que dentro de el podras incluir otros divs con position obsolute (header, main y footer)
Esto es para empezar. Yo te recomiendo que practiques jugando un rato con las etiquetas divs y con sus propiedades en CSS.
Practica con
[*]Position relativ --> margin[*]Position absolute --> top , left, buttom , right.
Saludos