Css,posizionamento e IE

[Daddo83]

http://xoomer.virgilio.it/daddo83/testing.htm

a quest'indirizzo c'è la bozza di un sito che sto progettando.Con Firefox è praticamente tutto a posto,con IE c'è qualche problemaerchè il "content" scivola a fondo pagina?

Altro problema:quando sulla colonna di destra ("extra"), sotto "news",aggiungo un altro campo di testo+immagine (come quello di news) tutto sballa (con qualsiasi browser)!Praticamente il campo "content" passa inspiegabilmente alla destra di "extra"

[Daddo83]

posto anche il codice css,premettendo che ho preso in mano i fogli di stile oggi per la prima volta


/*stili per il layout fisso con background*/
html,body{margin: 0;padding:0}
body{font-family: georgia,times new roman;font-size: 76%;text-align:center}
div#container{width:760px; margin:0 auto;
border-width: 0 1px; border-style:solid; border-color: #ccc;
background-color: #e7e7d6
}
div#container2{text-align: left}

/*stili generici, su header e footer*/
div#header{height: 80px;background-color: #e7e7d6;color: #000}
h1,h2{margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/80px georgia,times new roman}
h2{color: #69f;font-size: 1.5em}
div#footer a{color:#fff;font-weight: bold; text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{float: left;width: 150px;\width:160px;w\idth:150px;padding: 1em 0 0 0px}
div#extra{float: right; width: 150px;\width:160px;w\idth:150px;padding: 1em 0px}
div#content{margin: 0 150px;border-style:solid; border-width:0 0px; border-color:#ccc;padding: 1em 0px}
div#footer{clear:both; text-align:center;;background-color: #cacaa4; font-size: 75%; padding: 5px 0; color: #000}

/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#666666;text-decoration: none}
div#navigation a:hover{color: black;text-decoration: underline}
div#navigation a#activelink{color: #666666;text-decoration: none}
div#navigation p{font-size: 90%}

/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{color: #999;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}

/*stili per casella testo-immagine del content*/
body{font: 76% arial,serif}
div.textimage{width: 450px;margin-bottom: 10px;border: 1px solid #000;background-color: #e7e7d6}
div.textimage img{float:left;margin: 10px; border: 1px solid #000}
div.textimage h2, div.textimage p{margin:0 10px;padding: 0}
div.textimage h2{margin-top: 10px; color: #666}
div.clearer{clear: left}

/*stili per casella testo della navigazione*/
body{font: 90% georgia,times new roman}
div.textcont{float:center; width: 135px;margin-bottom: 10px;margin-left: 5px;border: 1px solid #000;background-color: #CACAA4}
div.textcont h2, div.textcont p{margin:0 0px;padding: 0}
div.textcont h2{margin-top: 0px; text-color: #666666}
div.clearer{clear: right}

/*stili per casella testo extra*/
body{font: 90% georgia,times new roman}
div.textext{float:right; width: 135px;margin-bottom: 10px;margin-right: 10px;border: 1px solid #000;background-color: #CACAA4}
div.textext h2, div.textext p{margin:0 0px;padding: 0}
div.textext h2{margin-top: 0px; text-color: #666666}
div.clearer{clear: left}