problemi con i browser

[luca cillo]

sto facendo un piccolo sito con la scuola che è ancora in via di creazione....
ho usato tutto il css come mi hanno insegnato, ma se apro il sito con mozilla va bn, ma con ie è un casino....provate voi stessi:

il sito è: cliccate qui e poi apritelo sia con mozilla che con ie..


il css del sito è questo:

 html{
margin:0px;
padding:0px;}

body{background-color:black;
margin:0px;
padding:0px; }

div#header{height:220px;
background:url(../images/logo3.jpg) black no-repeat center center;}

div#navigator{ text-align:center;
background:black;
margin-top:0px;
margin-left:50px;
margin-right:50px;
color:black;
border: ridge 7px #8cff22;
padding:20px;
overflow:fixed}

div#contents{background:black;
margin-left:200px;
margin-right:200px;
font-size:20px;
color:#ffffff;}

div#footer{text-align:center;
background:black;
padding:10;
margin-left:30px;
margin-right:30px;
border: ridge 5px #8cff22;
}

.nav:visited{color:black;}
.nav:hover{color:black;
padding:0px;
padding-top:55px;
border:ridge 5px #8cff22;}
.nav:active{color:black;}
.nav:link{color:black;}

come posso fare perchè si veda uguale sia con mozilla che con ie???


ps: per vedere l'html delle varie pagine basta fare ctrl+U



GRAZIE IN ANTICIPO

[alexba64]

Originariamente inviato da luca cillo
sto facendo un piccolo sito con la scuola che è ancora in via di creazione....
ho usato tutto il css come mi hanno insegnato, ma se apro il sito con mozilla va bn, ma con ie è un casino....provate voi stessi:

il sito è: cliccate qui e poi apritelo sia con mozilla che con ie..


il css del sito è questo:

 html{
margin:0px;
padding:0px;}

body{background-color:black;
margin:0px;
padding:0px; }

div#header{height:220px;
background:url(../images/logo3.jpg) black no-repeat center center;}

div#navigator{ text-align:center;
background:black;
margin-top:0px;
margin-left:50px;
margin-right:50px;
color:black;
border: ridge 7px #8cff22;
padding:20px;
overflow:fixed}

div#contents{background:black;
margin-left:200px;
margin-right:200px;
font-size:20px;
color:#ffffff;}

div#footer{text-align:center;
background:black;
padding:10;
margin-left:30px;
margin-right:30px;
border: ridge 5px #8cff22;
}

.nav:visited{color:black;}
.nav:hover{color:black;
padding:0px;
padding-top:55px;
border:ridge 5px #8cff22;}
.nav:active{color:black;}
.nav:link{color:black;}

come posso fare perchè si veda uguale sia con mozilla che con ie???


ps: per vedere l'html delle varie pagine basta fare ctrl+U



GRAZIE IN ANTICIPO

Un casino, non significa niente, ci devi dire cosa non va esattamente.

Intanto nei css se in una classe metti margin-top, right, left, devi metterci anche bottom.

Se padding è 0px, non puo anche essere anche top 55px e cosi via..