Ciao a tutti!

ho un piccolo problema di visualizzazione su ie8..
ho testato la visualizzazione del sito (anche se non finito) sui i vari browser.

Il sito si vede bene su quasi tutti i browser, tranne su ie8 dove non viene visualizzato lo sfondo ed i bordi della parte centrale, su ie4 dove il menù viene visualizzato come un elenco ed infine su altri browser secondari come Galeon o GranParadiso dove la colonna destra compare sotto il contenuto centrale (seppur allineata a destra).

Sapreste aiutarmi a risolvere questi piccoli problemi ed in particolare quello su ie8? :master:
In più potreste darmi qualche giudizio sul codice CSS ed anche XHTML magari?

Sotto vi posto il codice per maggior chiarezza.


GRAZIE!!

CSS
codice:
body,td,th {
	font-family: Trebuchet MS;
	font-size: 14px;
	color: #000000;
}

body {
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(sf_x.gif);
	
}	

a:link {
	color: #BF0425;
}
a:active {
}
a:visited {
	color: #BF0425;
}
a:hover {
	color: #999999 ;
}

h1 {
	color: #000000;
	font-size: 16px;
}

h2 {
	color: #000033;
}

h3, h4, h5, h6 {
	color: #006699;
}

a {
  color: #003366;
}

p { text-align:justify; line-height:25px; table-layout:fixed }
   

#menu{ margin:0 auto; width:950px; position:relative;display:block;height:39px; font-size:14px;font-weight:bold;background:transparent url(bgOFF.gif) repeat-x top left;font-family:Trebuchet MS;border-top:4px solid #B30000;border-left:1px solid #999999;border-right:1px solid #999999;}
#menu ul{margin:0;padding:0;list-style-type:none;width:auto;}
#menu ul li{display:block;float:left;margin:0;}
#menu ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 20px 0 20px;height:23px;background:transparent url(bgDIVIDER.gif) no-repeat top right;}
#menu ul li a:hover,#menu ul li a.current{color:#B30000;background:#fff url(bgON.gif) no-repeat top right;}

#top   { position:relative; width:950px; background: #FFFFFF; border-left:1px solid #999999; height:100px; border-right:1px solid #999999;  margin:0 auto; } 
#logo { width:90%; margin:0 auto; left:0%; background:transparent url(logx.gif) no-repeat center left; height:100px; }
#model {right:5%; background:transparent url(mod_cell.gif) no-repeat center right; height:100px }

#corpo { position:relative; width:950px; background: #FFFFFF; border-left:1px solid #999999; border-right:1px solid #999999; padding-top:20px; margin:0 auto; padding-bottom:20px; } 
#int   { width:930px; margin:0 auto; }

#cont  { width:610px; float:left; clear: left; }
#dx    { width:300px; float:right; }
#box   { width:302px; height:102px; background:transparent url(box.gif); margin-top:20px; } 


#bottom { clear:both; width:950px; position:relative; background:#FFFFFF; border-left:1px solid #999999; border-right:1px solid #999999; border-top:1px solid #999999;  margin:0 auto;} 
#int1 { position:relative; width:98%; margin:0 auto; text-align:center; }

#centrale { position:relative; margin:0 auto; text-align:center; line-height:25px; }
XHTML
codice:
<div id="top">
    <div id="logo">
	    <div id="model">
    	</div>	
    </div>
</div>
<div id="menu">
	<ul>
		[*]home
		[*]schede tecniche
		[*]tariffe cellulari
		[*]sms pronti
		[*]manuali
		[*]rubriche
		[*]newsletter
		[*]forum
	[/list]
</div>
<div id="corpo">
	<div id="int">
		<div id="cont">

<h1>Cellulari: Schede Tecniche, Tariffe, SMS Pronti, Manuali</h1>


xx
</p>
		</div>
							<div id="dx">
					
					<div id="box">
					</div>
				</div>			<br style="clear:both;" /> 
	</div>
</div>

<div id="bottom" >
	<div id="int1">
© copyright 2005/2008 - tutti i diritti riservati - privacy police | disclaimer | contatti
	</div>
</div>