Petits prob. de mise en forme

Bonjour,
-
-
Je lutte depuis ce matin pour mettre en forme mon site à l'aide du CSS , je galére !!!
Des petits ajustement que je n'arrive pas à faire, et qui m'énerve =(
-
Voici 2 photos qui explique mes problémes :
-
http://www.hostingpics.net/viewer.php?id=294006Sanstitr2e.jpg
-
http://www.hostingpics.net/viewer.php?id=128898Sanstitre.jpg
-
Merci d'avance pour vos réponses !
Et mon CSS:

/* Mise en forme de la page */
body
{
background: url('fond_du_site.png');
}
#bloc_page
{
width: 1000px;
margin: auto;
}
/* Barre de navigation */
nav ul
{
list-style-type: none;
}
nav
{
display: inline-block;
width: 1000px;
text-align: left;
}
nav li
{
display: inline-block;
margin-right: 5px;
}
nav a
{
font-size: 1.1em;
}
nav ul li a
{
display: block;
width: 150px;
text-align: center;
line-height: 44px;
background: url(noir_1.png) repeat-x;
color:white;
}
nav ul li a:hover
{
background: url(noir_2.png) repeat-x;
color: white;
}
/* Pied de page (footer) */
footer
{
background : url('separateur.png') repeat-x top;
padding-top: 20px;
padding-bottom: 20px;
width: 1000px;

}
#actualites, #mes_sites,#mes_sites ul, #meteo, #evenement, #liste1, #liste2
{
display: inline-block;
vertical-align: top;
}
#actualites
{
width: 65%;
}
#mes_sites ul
{
width: 35%;
}
footer h2, footer h3
{
text-align: center;
}
#meteo
{
width: 49%;
}
#evenement
{
width: 49%;
}
#mes_sites ul
{
display: inline-block;
vertical-align: top;
list-style-image: url('list_sites.png');
}