Box model e tre colonne della stessa altezza

Sapete che quando si usa il box model per il layout delle pagine HTML uno dei problemi consueti è che le colonne assumono ognuna la lunghezza del proprio contenuto e quindi di solito sono di altezze differenti. Questo può essere un discreto problema per gestire i bordi e gli sfondi di queste colonne.

Ho trovato questo tutorial in proposito: Matthew J ames Taylor: Equal Height Columns with Cross-Browser CSS & No Hacks

Siccome ero li che guardavo l'esempio, ne ho fatto uno mio leggermente diverso, aggiungendo un wrapper in più per dimensionare e centrare la pagina e passando il padding al contenuto con un altro div annidato. Esempio qui: test-colonne-uguali.html