Petit décalage entre les div

Bonjour,

Je viens de créer un site web sur demande d'un de mes professeurs, le problème ne saute pas immédiatement au yeux mais lorsque l'on zoom sur la page web on observe un décalage entre les div que j'ai créé (div contenue= couleur gris, div menu=violet). Je souhaiterai qu'il est la même taille.

http://etud09_iris14.hebergratuit.com/

voici mon code css:

#entete, #menu, #contenu, #footer {
padding:1px 0;
}

#entete {
background-color:#3366FF;
color: #FFFFFF;
text-align:center;
font-family:"Times New Roman";
font-size:20px;
}

#main {
max-with:960px;
margin:auto;
}

#menu {
float:left;
width:240px;
background-color:#9966FF;
font-family:"Times New Roman";
font-size:18px;
}

#contenu {
margin-left:240px;
background-color:#C0C0C0;
font-family:"Times New Roman";
font-size:20px;

}
#footer {
background-color:#009900;
text-align:center;
clear:both;
}

J'espère ne pas être trop brouillon.

Merci d'avance