Hay muchas cosas, entre ellas :
- La DTD es incorrecta
- pusiste un display:inline en un bloque
- pusiste width:100% en muchas ocasiones en vez de dejar width:auto; (cuando pones bordes a un bloque y le dices que tiene un width de 100%), el ancho total del bloque es width:100% + bordes porque width se refiere al ancho del contenido y no al ancho total con los bordes, paddings y margins)
- haces salir cajas del flujo del documento (float) sin restablecer el flujo en los bloques alrededor (clear) o mediante un div vacio con clear (<div style="clear:both;"></div>)
Otras observaciones :
- vertical-align no se aplica a los bloques
- no es necesario precisar que un div es un bloque o que sus margenes estan a cero ya que son caracteristicas por defecto de los divs
- también creo que tienes "divitis" ;) usar divs para los bordes me parece algo excesivo