bonjour à tous

j'ai un gros soucis que je n'arrive pas à solutionner. Dans ma partie centrale j'ai mis des tableaux tout se passe nickel sous Mozilla mais alors sous ie6 et 7 il me place mes tableaux tout en bas de la partie centrale avec un big espace vide au milieu. j'ai essayé de remplacer les tableaux par des div mais rien a faire

si quelqu'un a une solution je prend car la ca me saoule méchament

voici les codes

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
 
<head>
 
	<title>.::::.</title>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="fr">
 
<link rel="stylesheet" type="text/css" href="style/style.css">
<style type="text/css">
<!--
body {
	background-image: url("images/logos/bg.gif");
}
#haut {
	background-image: url("images/logos/bg.gif");
}
#centre {
	background-image: url("images/logos/bgcentre.gif");
}
#titre {
	background-image: url("images/logos/bgcentre.gif");
}
-->
</style>
<script src="javascript.js" type="text/javascript"></script>
 
</head>
 
<body>
 
<div id="haut"></div>
 
<div id="titre"></div>
 
<div id="milieu"></div>
 
<div id="menuhaut">
	<strong>.:: <a class="menuhaut" href="index.php"><b>Accueil</b></a>
                 :: <a class="menuhaut" href="news.php"><b>News</b></a>
			 :: <a class="menuhaut" href="partenaires.php"><b>Partenaires</b></a>
			 :: <a class="menuhaut" href="contact.php"><b>Contact Webmaster</b></a> ::.</strong></div>
 
<div id="menugauche">
 
</div>
 
<div id="menudroite">
 
</div>
 
<div id="centre">
 
 
	<div id="message"> 
	  <div align="center"><font color="#9999CC"></font> </div>
	    <table width="100%" border="0" cellpadding="0" bgcolor="#FFFFFF" class="bordure-table">
          <tr>
            <td bgcolor="#FF99FF" class="titre-menu">&nbsp;</td>
          </tr>
          <tr>
            <td bgcolor="#9DB5D7"><p>&nbsp;</p></td>
          </tr>
css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
BODY { 
	background-image: url("images/logos/bg.gif");
	background-color: #333333; 
	color: #FCFCE6; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
}
A.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3E4A70; 
	text-decoration: none;
	font-weight:bold;
}
A.menu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #C0BBC6; 
	text-decoration: none;
	font-weight:bold;
}
A.menuhaut {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C0BBC6; 
	text-decoration: none;
	font-weight:bold;
}
A.menuhaut:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C0BBC6; 
	background-color: #676389; 
	text-decoration: none; 
	font-weight:bold;
}
A.centre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C0BBC6; 
	text-decoration: none;
	font-weight:bold;
}
A.centre:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #FCFCE6;
	background-color: #676389; 
	text-decoration: underline overline;
	font-weight:bold;
}
.form {
	background: #909BC1;
	color: #3E4A70; 
	font:  10px Verdana, Arial, Helvetica, sans-serif; 
	border: 1px solid #FCFCE6; 
}
#haut {
	position: absolute;
	top: 39px;
merci d'avance