Probleme de div

Bonjour,
jai trouvé un petit probleme pandant la realisation d'une maquette en avec les div.
mon code html :

<body>
<div id="t">

<div id="logo"><img src="images/logo.png" /></div>
<div id="top">ghghhhhhhhhhhh</div>

<div id="menu">
<a href="#" class="bouton" onclick="location.href='index.php?id=accueil'">Accueil</a>
<a href="#" class="bouton" onclick="location.href='index.php?id=marche'">Comment ça marche</a>
</div>
<div id="left">
<div id="identification" align="center"><img src="images/titre.png" /></div>
<div id="bas">
</div>
</div>
<div id="contenu">
<div>
</div>
</div>
<div><img src="images/titre1.png" /></div>
<div id="marche">
</div>
<br /><br /><br /><br />
<div id="b">
</div>
</div>
</body>
</html>

css:

body{
background-color:#ececec;
}

div#t{
margin:auto;
height:600px;
width:800px;
}
div#logo{
width:200px;
height:100px;
float:left;
}
div#top{
background:#CCC;
width:590px;
height:100px;
float:right;
}
div#menu{
background-color:#00FF99;
}

div#contenu{
width:590px;
text-align:center;
padding-top:8px;
height:400px;
float:right;
}

div#left{
width:200px;
margin-top:6px;
float:left;
}
div#marche{
width:200px;
padding-top:6px;
margin-top:0px;
font-size:12px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/gg.bmp);
background-repeat:repeat-x;
padding-bottom:10px;

}

div#identification{
padding-top:3px;

}

div#bas
{
width:200px;
background-image:url(../images/gg.bmp);
padding-top:6px;
background-repeat:repeat-x;
}

le probleme existe au niveau de div (menu) .
quand j'insere un arriere plan il apparait meme en arriere plan de div (logo) et top seulement sous le navigateur Firefox.
merci en avance.

Configuration: Windows XP
Internet Explorer 7.0