Léger problème de décalage

Bonjour, dans le cadre de mon stage je dois faire un site pour un club de Basket.
Je pense avoir trouvé le design que voici : http://pagesperso-orange.fr/Stillmatic/

Le problème est que j'ai un léger décalage comme vous pouvez le voir que je n'arrive pas a corriger.

Toutes mes images sont en 750px de large

voici ma feuille de style

.lienMenu:link {color: Black;}
.lienMenu:visited {color: black;}
.lienMenu:hover {color: black;}
.lienMenu:focus {color: black;}
.lienMenu:active {color: black;}
.lienMenu{text-decoration:none;}

body
{
width: 750px;
height: 900px;
margin: auto;
background-color:grey;
background-image: url(Elements/Fond.jpg);
background-position:center;
background-repeat:no-repeat;
}
#Banniere
{
width:750px;
height:175px;
margin: auto;
background-image: url(Elements/BanniereTemp.jpg);

}
#Menu
{
width:750px;
height:40px;
margin: auto;
background-image: url(Elements/menu.png);

}
#News
{
width:285px;
height:283px;
background-image: url(Elements/News.png);
float:left;
margin-top:35px;
margin-left:10px;
}
#Resultats
{
width:285px;
height:283px;
background-image: url(Elements/resultats.png);
float:right;
margin-top:35px;
margin-left:10px;
}
#Bas
{
width:750px;
height:40px;
background-image: url(Elements/bas.png);
margin-top:645px;
}

Si vous avez une solution merci :-)