Aiuto :S

Non sono alle prime armi con i CSS ma neanche un esperto, sto creando un sito e vorrei renderlo compatibile con IE e Firefox. L'ho costruito controllandolo con firefox e tutto procedeva bene. Ma quando l'ho visitato tramite IE le differenze ci sono e si notano

Il codice del mio CSS(per il quale ringrazio anche html.it per le info sul layout fluido) è :

Codice PHP:
/*Layout Fluido*/
html,body{margin: 10;padding:0}
body{background: url(background.jpg);}

/*Header*/
div#header{height: 100px;background-image: url(headercenter.gif);margin-left: 20px;margin-right: 18px;}
img.hr {float: right;margin-right: -18px;}
img.hl {float: left;margin-left: -20px;}

/*Navigazione*/
div#navigation{float:left;width: 200px;background-image: url(navback.gif);}
img.nt {float:right;margin-top: -6px;}

/*Contenuto*/
div#content{margin-left: 200px;}
img.hb {height: 6px;margin-top: -6px;width:98%;}

/*Footer*/
div#footer{clear:left; text-align:center; padding: 0.5em;
    background-color: #69c; color: #000} 
e potete vederne il risultato qua : http://coggi.altervista.org/index.php .

Ho notato che Explorer interpreta diversamente la parte sui margini negativi, facendo scomparire le immagini fuori dai div, di fatto le immagini ci sono ma spariscono "sotto" l'immagine di sfondo.
Qualcuno sa aiutarmi a far si che il codice vada bene e con il medesimo risultato anche su IE?
Oppure, crearne un altro specifico per IE che poi posso passare al browser mediante un piccolo controllo PHP.

Ogni aiuto è ben accetto,

vi ringrazio in anticipo

Cosimo