Ciao a tutti, sto facendo un sito con un layout in css, pero non capisco perche con IE mi si vede diverso da FF. questi sono rispettivamente il codice dell'index e il foglio css:

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">                                        <html> <head> <meta http-equiv="title" content="Associazione la goccia"> <meta name="description" content="sito di volontariato"> <meta name="Copyright" content="Lorenzo Pezzi"> <meta name="revisit-after" content="2 days"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="associazione, volontariato, don bosco, goccia">  <title> La Goccia </title><link rel="stylesheet" type="text/css" href="../Upload/css/bodybox.css"><link rel="stylesheet" type="text/css" href="../Upload/css/reset.css"> </head>       <body lang="it" text="white" >  <div id="boxgenerale">  <a name="nome"></a>                                                                                           <div id="boxlogo" align="center">                                                                                La Goccia</div>                                             <div id="boxmenu">                                                                                              [img]../Upload/immagini/bottoni/HOME.jpg[/img]   
                                                        [img]../Upload/immagini/bottoni/chisiamo.jpg[/img] 

 pagina 3 

    Torna a inizio pagina  </div>                                                               <div id="boxcontenuto"><div id="immaginesottofondo">[img]../Upload/immagini/goccia.jpg[/img]</div>Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova perTesto di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova perTesto di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova perTesto di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova perTesto di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box Testo di prova per riempire il box. </div>  



  </div>  </body> </html>


codice:
body { background-color: white; text-align: left;                         } 	 #boxgenerale { position: relative; top: 80px; left: 20px; width: 60em; height: 850px; margin: 0px auto; border: 2px solid black; background-color: #FFFFCC; } 	 #boxlogo { position: relative; top: 50px; left: 180px; text-align: center; width: 700px; height: 80px; border: 1px solid black; }  #boxmenu{ position: relative; top: 170px; left: 60px; width: 100px; height: 200px; border: 1px solid black; padding: 20px; }  #boxcontenuto{ position: relative; top: -70px; left: 300px; width: 600px; height: 540px; border: 1px solid black; color: black; padding: 20px; z-index: 1; }   #immaginesottofondo{ 	position: absolute; 	text-align: center; 	z-index: -1; 	padding: 0px;     }
questo è il sito: solids.altervista.org


Con FF e safari mi si vede in un modo, mentre con IE in un altro, comè possibile??

ho messo anche un reset:
codice:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need ‘cellspacing="0"’ in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

Sono disperato