Layout: Float Höhen gehen im Chrome nicht

[KeiBlase]

Hallo

Ich habe ein 3 spaltriges Layout

• left - center - right

Alle 3 Container (divs) haben unterschiedlich Inhalt. Trotzdem sollen alle die gleiche Höhe haben. Dabei sollen sie die Höhe des Containers übernehmen, welcher am mesten Inhalt hat.

Dafür habe ich eine hübsche Variante gefunden (meister google sei dank):
#left, #center, #right{
padding-bottom: 1000em;
margin-bottom: -999.5em;
}

Dies geht sehr gut, nur im chrome geht es nicht. Der Grund ist, dass ich per JS Navigationselemente in der linken und rechten Spalte ausblende (display:none).

Weiss jemand rat?

Thxn