Bloc page internet qui bouge sous IE

Bonjour,

Voila mon problème!! Je viens de terminer un site internet http://www.aideauxfamilles84.com Le problème c'est que quand la fenêtre internet se réduit sous IE, le bloc contenu( appelé corps) se place sous le menu! J'ai tout essayé rien y fait! Voila ma feuille de style CSS!

#menu
{

float: left; /* Le menu sera placé à gauche */
width: 200px; /* taille du menu en pixels */
background-image: url("images/degrade_vert_logo.jpg");/* Met en arrière plan une image */
margin-right: 10px;/* espace à droite du menu en pixels*/
border: 0px;
margin-bottom : 10px;
}
#menu li a
{
color:black;
}
#menu h4 a
{
color:black;
}
.rappel{
/*margin-top: 20px;*/

}
table
{
border-collapse: collapse; /* Les bordures du tableau seront collées */
}
td
{

border: 0px solid white;/* fixe les bordures des cellules du tableau en blanc */
}

.img{
margin-left : 8%; /* espacement des zones en pixels */
border: 0px;
}
.lien{
margin-right : 45px;
text-decoration: underline; /* Surlignage du texte */
}

#corps
{
height :100%;
width : 750px;
margin-left :10px;
background-image: url("images/degrade_vert_logo.jpg");
border= 0px;

}

Tout fonctionne correctement sur tous les autres navigateurs!
Merci