..tra header e content...

[scudobravo]

Salve a tutti,

Il mio problema, a parte il fatto che si vede assai diverso su tutti i browser (iE, Firefox, Safari, Opera), sta nel fatto che ho dovuto aggiungere un - margin-top: -32px - al content, altrimenti mi rimane staccato dall' header di appunto 32px(ma perchè se io non gliel'ho detto!!!!) in iE e le misure poi cambiano da browser a browser. In sostanza farlo bene e visibile su tutti i browser è possibile o solo un sogno? Sbaglio qualcosa? Riporto qui sotto il CSS:

body{
background-color: #FFFFFF;
margin: 0;
padding:0;
font-family: arial,sans-serif;
font-size: 76%;
text-align: center;
}

div#container{
position:relative;
width: 760px;
margin: 0px;
text-align: left;
}

/*stili generici, su header e footer*/
div#header{
padding: 10px;
height: 109px;
background-color: #FFFFFF;
background-image: url(../img/header.gif);
background-repeat: no-repeat;
background-position: center;
}

/*Il problema sta qui sotto, credo!*/
div#content{
background-color: #FFFFFF;
background-image: url(../img/contant.gif);
width: 578px;
margin-top: -32px;
margin-left: 88px;
margin-right: 88px;
border: 2px solid #000000;
}

div#footer{
width: 566px;
text-align:center;
margin-left: 88px;
margin-right: 88px;
border: 2px solid #000000;
border-top: none;
font-color: #000000;
padding: 0.5em;
background-color: #CCCC99;
}

Grazie in anticipo a tutti.

[keccoblu]

Prova con:

margin-top: 0px !important;
margin-top: -32px;