Pb de positionnement des divs

Bonjour à vous!


Je suis en train de créer un petit site afin de m'entraîner!
Hélas, je rencontre quelques petits problèmes que je n'arrive pas à résoudre seul!

Le premier: j'aimerais faire disparaître la marge qui se trouve entre ma bannière et le haut de la page internet comme sur le site de comment ça marche par exemple.

Deuxième problème: sur la gauche de ma page se trouve un menu qui m'empêche de centrer mon corps de page. J'ai tenté d'utiliser un float:left sur mon menu gauche ce qui a pour conséquence de centrer mon corps de page, comme voulu, mais qui envoie ce même menu tout à droite de la page!


Voici le passage de css qui pose problème :

#divgauche /* elle contient mon menu de gauche et fait office de déco. Quand je la mets en float: left; afin que le corps
de ma page remonte et soit centré, mon menu gauche passe à droite du corps... que faire? */

{
width: 8%;
margin-top: 10%;
border-top: 1px solid #32d5fe;
border-right: 1px solid #32d5fe;
border-bottom: 1px solid #32d5fe;
background-color: black;

float: left;
}


#menugauche
{
margin-left: 0%;
margin-top: 8%;
width: 8em;
}

#menugauche li a
{
text-transform: capitalize;
font-size: small;

display: block;
width: 8em;
height: 2em;
padding-top: 6px;
text-align: center;

border: 1px solid #32d5fe;
background-color: #1765a3;
color: #fff;
}

#corps /* je désire le faire remonter mais je n'y arrive pas , sauf en utilisant float : left; sur la #divgauche, mais à ce moment-là,
le menu de gauche passe à droite de l'image! */
{
width: 480px;
height: 399px;
margin-left: 36%;
border: 1px solid #32d5fe;

background: url("corps.jpg") no-repeat;
}


Voilà!

Merci d'avance à ceux qui pourront m'aider!