[CSS] Internet explorer.

[notexpert]

Sto ridisegnando l'home page del mio sito.
Con i CSS e html ho definito un header dove ho messo un logo e delle scritte,
e sotto tre colonne, rispettivamente #navigation, #content, #extra.

Nei css ho scritto

div#content{
position: absolute;
    left: 200px;
top: 200 px; /*l' altezza dell' header*/
    }

div#navigation{
    position: absolute;
    top: 200 px; /*l' altezza dell' header*/
    left: 25 px;
    width: 180px;   /*un po' di meno per evitare l' uso del padding*/
    }

Funziona a meraviglia su Safari e Firefox.
Non funziona su Internet explorer e Safari per Iphone: il contenuto dei due div in parte si sovrappone a quello dell'header

Come si risolve?