Logo/headline skubber design

Vedr. www.rob.dk - problemer med Internet Explorer 6.0 og en style.

Se www.rob.dk: Som det fremgår 'svæver' logo og overskift langt over indholdet.

Jeg har indkredset problemet til disse to styles, som vedrører mit logo og overskriften:

------------
#header {
    height: 60px;
    }

#logo {
    height: 330px;
    float: left;
    }
------------

Logoet er 330px højt.

så ser det fornuftigt ud i IE 7.0 samt Firefox, men i Internet Explorer 6.0 går det galt: Venstre kolonne (menuen) centreres, og skubber midterkolonne (indhold) og højre kolonne ned under sig, så siden bliver laaaaaaaaaaang :o(

For en god ordens skyld: Min venstre kolonne HAR en "float: left;"

Hvis jeg ændre ovenstående til fx.:

------------
#header {
    height: 330px;
    }

#logo {
    height: 330px;
    float: left;
    }
------------

Så ser det pænt ud i alle browsere BORTSET fra at der kommer et mellemrum på de 330 pixel mellem logo/overskrift og selve indholdet (kolonnerne).

Altså har jeg ændret tilbage til :
------------
#header {
    height: 60px;
    }

#logo {
    height: 330px;
    float: left;
    }
------------

Hvor det altså går galt i IE 6.0.

Hvorfor?

/Rob