[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?

[mrseo88]

Metti tutto dentro un contenitore che ha position:relative;

[notexpert]

Originariamente inviato da mrseo88
Metti tutto dentro un contenitore che ha position:relative;

c'è già...

div#container{
    position: relative;
}

ma non funziona..

[Prill]

top: 200 px; /*l' altezza dell' header*/
    }

...
    top: 200 px; /*l' altezza dell' header*/
    left: 25 px;

via quegli spazi vuoti fra il valore numerico e px (200px, 25px). Se il problema persiste inserisci eventualmente un link alla pagina così da vedere tutto il codice (anche l'html)