Probleme de compatibilité FF / IE

sous IE 9 il y à bien un probleme !
ce n'est peut etre pas du aux marges mais cela y ressemble

alors colle un exemple du html/css qui ne marche pas ?

ehtml {height:100%;}
body {margin:0; padding:0;background:url(images/body.gif); height:100%}
table, td {border-collapse:collapse; width:100%; height:100%}
table, td, img {border:0; padding:0; vertical-align:top}
form, td{margin:0; padding:0;}
td, select{font:11px tahoma, arial, helvetica, sans-serif; color:#959677; vertical-align:top; text-align:left; line-height:14px}
.table{ height:100%; }
img{ vertical-align:top}
/*in_line_style*/
.main_table{ width:100%;}
.site_center{text-align:center; width:100%;}
.site_center1{margin:0 auto; text-align:left; width:766px;}
p{ margin:0; padding:0}
a{ color:#959677; text-decoration:underline}
a:hover{ text-decoration:none}
strong a{ color:#959677; text-decoration: none; background:url(images/marker.gif) no-repeat 0 5px; padding-left:12px}
strong a:hover{ text-decoration:underline}
.separate{ background: url(images/separate.gif) repeat-x; width:auto; height:12px}
ul { margin:0; padding:0; list-style:none;}
ul li { background:url(images/list_bg.gif) no-repeat 0 9px; margin:0; padding:0 0 0 12px;}
ul li a {line-height:19px; color:#918a81; text-decoration:underline; text-transform:uppercase}
ul li a:hover{ text-decoration:none}
.title, .title_top, .title_bot, .title_left, .title_right, .img, .img1 {display:block}
.bottom{ background: url(images/bottom.gif) repeat-y}
.main{ height:800px}
/*header*/
#header{ height:130px}
#header .col1{ width:179px; background:url(images/head_left.gif) no-repeat}
#header .col1 img{ display:block; margin:55px 0 0 61px}
#header .col2{ width:409px; background:url(images/logo_bg.jpg) no-repeat; text-align:center}
#header .col3{ width:178px; background:url(images/head_right.gif) no-repeat}
/*content*/
#content{ height:611px}
#content .col1{ width:159px; padding-top:192px; background:url(images/shape_left.gif) repeat-y right top}
#content .col1 img{ display:block; margin:0 0 4px 16px}
#content .col2{ width:449px; background:#fbfce6}
#content .col3{ width:158px; padding-top:192px; background:url(images/shape_right.gif) repeat-y}
#content .col3 img{ display:block; margin:0 0 4px 18px}
#content .wrapper{ margin:0 13px 0 13px; width:423px}
#content .wrapper .row1{ height:13px}
#content .wrapper .row2{ background:#e7e8cf; height:585px;}
#content .wrapper .row3{ height:13px}
/*footer*/
#footer{ height:59px; background: url(images/bottom.gif) repeat-y; vertical-align:middle}
#footer .foot{ background:url(images/foot_shape.gif) no-repeat center top; color:#b1b28f; text-align:center; height:59px; vertical-align:middle}
#footer .foot a{ color:#b1b28f; text-decoration:underline}
#footer .foot a:hover{ text-decoration:none}
/*index.html*/
#page1 #content .col2 { text-align:center; vertical-align:middle}
/*index-1.html*/
#page2 #content .wrapper .row2 .box { width:424px; height:219px}
#page2 #content .wrapper .row2 .box .r1{ height:192px}
#page2 #content .wrapper .row2 .box .r2{ height:27px}
#page2 #content .wrapper .block{ background:#bfbd9f; height:27px}
#page2 #content .wrapper .block td{ vertical-align:middle}
#page2 #content .wrapper .block .c1{ width:87px}
#page2 #content .wrapper .block .c1 img{ margin-left:17px}
#page2 #content .wrapper .block .c2{ width:256px; text-align:center}
#page2 #content .wrapper .block .c3{ width:80px; text-align:right}
#page2 #content .wrapper .block .c3 img{ margin-right:14px}
#page2 #content .wrapper .indent{ padding:25px 20px 22px 20px}
#page2 #content .wrapper .indent .img{ float: left; margin:0 29px 22px 2px}
#page2 #content .wrapper .indent .title{ margin:7px 0 14px 0}
#page2 #content .wrapper .indent p{ margin-bottom:10px}
#page2 #content .wrapper .indent .separate{ margin-bottom:15px}
#page2 #content .wrapper .indent .block1{ margin-left:4px; width:366px; height:160px}
#page2 #content .wrapper .indent .block1 .c1{ width:177px}
#page2 #content .wrapper .indent .block1 .c1 .title_bot{ margin-bottom:24px}
#page2 #content .wrapper .indent .block1 .c2{ width:30px; background:url(images/separate.gif) repeat-y}
#page2 #content .wrapper .indent .block1 .c3{ width:160px}
#page2 #content .wrapper .indent .block1 .c3 .title_bot{ margin-bottom:21px}
#page2 #content .wrapper .indent .block1 .c3 ul{ margin-bottom:15px}
/*index-2.html*/
#page3 #content .wrapper .indent{ padding:22px 19px 20px 23px}
#page3 #content .wrapper .indent .title_top{ margin-bottom:27px}
#page3 #content .wrapper .indent p{ margin-bottom:16px}
#page3 #content .wrapper .indent .image{ float:left; margin-right:20px; margin-top:1px; margin-bottom:22px}
#page3 #content .wrapper .indent span{ margin-bottom:10px; display:block}
#page3 #content .wrapper .indent .separate{ margin-bottom:16px}
#page3 #content .wrapper .indent .block{ width:376px; height:306px}
#page3 #content .wrapper .indent .block .c1{ width:177px}
#page3 #content .wrapper .indent .block .c1 div{ margin-right:25px}
#page3 #content .wrapper .indent .block .c1 .title_bot{ margin-bottom:23px}
#page3 #content .wrapper .indent .block .c1 .img{ margin:19px 0 14px 0}
#page3 #content .wrapper .indent .block .c2{ width:30px; background:url(images/separate.gif) repeat-y}
#page3 #content .wrapper .indent .block .c3{ width:169px}
#page3 #content .wrapper .indent .block .c3 .title_bot{ margin-bottom:19px}
#page3 #content .wrapper .indent .block .c3 .box{ width:170px; height:85px; margin:19px 0 17px 0}
#page3 #content .wrapper .indent .block .c3 .box .column1{ width:90px}
#page3 #content .wrapper .indent .block .c3 .box .column2{ width:80px}
#page3 #content .wrapper .indent .block .c3 .box .column2 ul{ margin-top:2px}
/*index-3.html*/
#page4 #content .wrapper .indent{ padding:22px 19px 20px 20px}
#page4 #content .wrapper .indent .title_top{ margin-bottom:27px}
#page4 #content .wrapper .indent .ind{ margin-left:3px; margin-right:10px}
#page4 #content .wrapper .indent .ind .block{ width:369px; height:75px; margin:12px 0 19px 0}
#page4 #content .wrapper .indent .ind .block .c1{ width:201px}
#page4 #content .wrapper .indent .ind .block .c2{ width:168px}
#page4 #content .wrapper .indent .title_bot{ margin-bottom:25px}
#page4 #content .wrapper .indent .separate{ margin-bottom:15px}
#page4 #content .wrapper .indent p{ margin-bottom:18px}
#page4 #content .wrapper .indent .image{ float:left; margin-right:20px}
/*index-4.html*/
#page5 #content .wrapper .indent{ padding:22px 19px 15px 20px}
#page5 #content .wrapper .indent .ind{ margin:0 10px 0 3px}
#page5 #content .wrapper .indent .title{ margin-bottom:24px}
#page5 #content .wrapper .indent .image{ float: left; margin:0 20px 24px 0 }
#page5 #content .wrapper .indent p{ margin-bottom:10px}
#page5 #content .wrapper .indent .separate{ margin-bottom:15px}
#page5 #content .wrapper .indent .ind .block{ width:370px; height:75px; margin:13px 0 0 0}
#page5 #content .wrapper .indent .ind .block .c1{ width:204px}
#page5 #content .wrapper .indent .ind .block .c2{ width:166px}
/*index-5.html*/
#page6 #content .wrapper .indent{ padding:22px 20px 20px 20px}
#page6 #content .wrapper .indent .ind{ margin:0 10px 0 3px}
#page6 #content .wrapper .indent .ind .title{ margin-bottom:27px}
#page6 #content .wrapper .indent .ind .block{ width:370px; height:72px; margin:12px 0 0 0}
#page6 #content .wrapper .indent .ind .block .c1{ width:204px}
#page6 #content .wrapper .indent .ind .block .c2{ width:166px}
#page6 #content .wrapper .indent .ind p{ margin-bottom:16px}
#page6 #content .wrapper .indent .separate{ margin:20px 0 15px 0}
#page6 #content .wrapper .indent .image{ float:left; margin-right:20px}
/*index-6.html*/
#page7 #content .wrapper .indent{ padding:22px 20px 10px 20px}
#page7 #content .wrapper .indent .ind{ margin:0 10px 0 3px}
#page7 #content .wrapper .indent .ind .title{ margin-bottom:27px}
#page7 #content .wrapper .indent p{ margin-top:14px; margin-bottom:28px}
#page7 #content .wrapper .indent .separate{ margin-bottom:17px}
#page7 #content .wrapper .indent .image{ margin:0 20px 22px 0; float:left}
#page7 #content .wrapper .indent .block{ width:371px; height:136px}
#page7 #content .wrapper .indent .block .c1{ width:200px}
#page7 #content .wrapper .indent .block .c1 .r1{ height:25px; background:#999999}
#page7 #content .wrapper .indent .block .c1 .r2{ height:25px; background:#fff}
#page7 #content .wrapper .indent .block .c1 .r3{ height:25px; background:#000}
#page7 #content .wrapper .indent .block .c2{ width:171px}
#page7 #content .wrapper .indent .block div{ height:25px}
#page7 #content .wrapper .indent .block input{ width:160px; height:18px; color:#959677; font-family:tahoma; font-size:11px; padding:0; margin:0; display:inline; line-height:12px}
#page7 #content .wrapper .indent .block textarea{ width:171px; height:96px; color:#959677; font-family:tahoma; font-size:11px; padding:0; overflow:auto; margin:0; display:inline}
#page7 #content .wrapper .indent .block .right{ margin-top:8px; text-align:right}
/*index-7.html*/
#page8 #content .wrapper .indent{ padding:22px 26px 15px 23px}
#page8 #content .wrapper .indent .title{ margin-bottom:27px}
#page8 #content .wrapper .indent p{ margin-bottom:14px}
et
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body id="page8">
<table class="main_table">
<tr>
<td class="site_center">
<table class="site_center1">
<tr>
<td class="main">
<table>
<tr>
<td>
<table id="header">
<tr>
<td class="col1"><a href="index-6.html"><img src="images/contact.gif" alt="" /></a></td>
<td class="col2"><a href="index.html"><img src="images/logo.jpg" alt="" /></a></td>
<td class="col3"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table id="content">
<tr>
<td class="col1"><a href="index-1.html"><img src="images/m1.gif" alt="" /></a><a href="index-2.html"><img src="images/m2.gif" alt="" /></a><a href="index-3.html"><img src="images/m3.gif" alt="" /></a></td>
<td class="col2">
<table class="wrapper">
<tr>
<td class="row1"></td>
</tr>
<tr>
<td class="row2">
<div class="indent">
<img src="images/t7_1.gif" alt="" class="title" />
<table cellspacing="0" cellpadding="0">
<tr>
<td height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><br />
<br />
<h3> </h3></td>
</tr>
<tr>
<td valign="top" height="2"></td>
</tr>
<tr>
<td valign="top" bgcolor="#BFD85D" height="2"></td>
</tr>
<tr>
<td valign="top" height="2"></td>
</tr>
<tr>
<td><p>: </p></td>
</tr>
</tbody>
</table></td>
</tr>
</table>
<p></p></div>
</td>
</tr>
<tr>
<td class="row3"></td>
</tr>
</table>
</td>
<td class="col3">
<a href="index-4.html"><img src="images/m4.gif" alt="" /></a><a href="index-5.html"><img src="images/m5.gif" alt="" /></a><a href="index-6.html"><img src="images/m6.gif" alt="" /></a> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="footer">
<table>
<tr>
<td class="foot"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="bottom"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

pfff d'accord jai compris c'est tres clair, tu veux pas coller le dico aussi ?

<HTML>
<HEAD>
<TITLE>Titre de la page</TITLE>
</HEAD>

<BODY>
Contenu de la page
</BODY>
</HTML>

pour moi la structure est bonne

d'ou vient ce code ??
en tout cas merci du temps passer à chercher
j'ai tout essayer sous DW je ne sais vraiment pas d'ou ca peut venir!