differenze firefox - explorer

[paw]

Qualcuno ha voglia di guardare qui:

http://www.comad.it/new/index.htm

tra firefox e IE ci sono differenze che non riesco a sanare, dove sbaglio ?

questo il CSS:

#header {
width: 60%;
background:transparent;
margin: 0 auto;
height: 60px;
position:relative;
}

#header h1 {
padding: 50px 0;
color:#0168AE;
font-size: 1.1em;
letter-spacing: 1px;
margin: 0;
text-align: right;
}
#header h1 a:link{
padding: 50px 0;
color:#0168AE;
letter-spacing: 1px;
margin: 0;
text-align: right;
text-decoration:none;
}
#header h1 a:hover{
color:#FF6600;
}

#content {
width: 60%;
margin: 11px auto;
text-align: left;
padding: 5px 30px 0px 30px;
background-color: #F9F9F9;
position:relative;
}

#content p{
color: #999999;
font-size:1.2em;
line-height:1.2;
}

#menu {
width:15%;
left:0;
padding-top:5px;
font-size:1.1em;
line-height:1.2;
text-align:left;
top:40px;
float:left;
position:relative;
}

#menu li {
margin-left:0px;
padding:5px 0px 5px 0px;
list-style-type: none;
}

#menu a {
color:#666;
text-decoration:none;
}

#menu a:hover{
color:#FF6600;
}


grazie a tutti

[webatwork]

Internet Explorer interpreta in maniera scorretta la larghezza degli elementi che anzichè essere margine sinistro + bordo sinistro + padding sinistro + area del contenuto + padding destro + bordo destro + margine destro è tutta riassunta da width.

[paw]

cosa mi consigli allora ?

io vorrei che la parte centrale si ridimensionasse a seconda della risoluzione...

[webatwork]

Io prenderei spunto da un esempio sulla guida css di html.it:

http://html.it/guide/esempi/layout_css/esempio22a.html

buon lavoro

[paw]

guardo subito...grazie

[paw]

ok...ora ho lo stesso risultato sui due browser

ma vorrei lasciare un po' di spazio a destra...non vorrei che il "content" occupasse tuuto lo spazio disponibile e non vorrei neanche inserire una terza colonna che rimarrebbe comunque vuota

un buon risultato con firefox lo ottengo con le percentuali ( nel css del content scrivo width 70% e sono a posto ) ma con IE non funziona

come posso fare ?

[paw]

ok...ho risolto la percentuale in questo modo


#content {
text-align: left;
padding: 5px 30px 0px 30px;
margin:0 10% 0 15%;
background-color: #F9F9F9;
position:relative;
z-index:1;
}

#content p{
color: #999999;
font-size:1.2em;
line-height:1.2;
}

#content a:link, a:visited{
color: #0168AE;
text-align:center;
z-index:99;
}
#menu {
width:15%;
font-size:1.1em;
text-align:left;
top:60px;
position:relative;
float:left;
}

ora però ho un altro problema...le immagini nel "content" con IE mi rimangono sotto
ho provato con z-index ( come da codice sopra) ma non funziona

come devo fare?

grazie

[paw]

scusate avevo dimenticato di pubblicare....ops

il link è questo:

http://www.comad.it/new/dove_siamo.htm