fra le modifiche principali potrai vedere che i box flottanti sono stati inseriti in un div header in cui rispetto al tuo colonna1 ho eliminato i margini laterali di 30px assegnando un auto per centrarlo e ho aggiunto una altezza e un overflow:hidden che mi serve per interrompere il float (prima non interrotto, infatti lo sfondo non era visualizzato).
Degli altri cambiamenti potrai renderti conto confrontando il codice originale con questo (ho tolto anche il clear:both su nav)