Salut!
voilaà, je suis en train de créer un site, mais j´ai quelques problèmes!
voici une illustration 
http://img444.imageshack.ack.us/img444/6416/temp4ic.png
vous voyez, le header et le menu du header ne sont pas collé 
je pense que c´est à cause des boutons, mais je ne sais pas cmt réduire tt cela
voici le xHtml:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stric
t//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !< /title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="designV1´.css" />
</head>
<body>
<div id="header"></div>
<div id="menu_header">
<ul>
<li class="bouton_gauche"><a href="accueil´.html"> Accueil </a></li>
<li class="bouton_gauche"><a href="groupe.html"> Le Groupe </a></li>
<li class="bouton_gauche"><a href="lamusique.html"> La Musique </a></li>
<li class="bouton_gauche"><a href="gallerie.html"> La Gallerie </a></li>
<li class="bouton_droite"><a href="changer.html"> Changer de design </a></li>
<li class="bouton_droite"><a href="forum.html"> Forum </a></li>
</ul>
</div>
<div id="contenus">
</div>
<div id="mini_banniere"></div>
<div id="menu">
</div>
<div id="news"></div>
<div id="blog_radio"><div>
</body>
</html>
et le css:
body {
margin: auto;
width: 999px;
height: 700px;
font-family: verdana, arial, sans-serif;
font-size: 75%;
text-align:center;
margin-top: 15px;
margin-bottom: 15px;
}
- header
{
width: 1000px;
height: 86px;
background-image: url("images/header.png");
background-repeat: no-repeat;
}
- menu_header
{
width: 1000px;
height: 23px;
background-image: url("images/header_menu´.png");
background-repeat: no-repeat;
}
- mini_banniere
{
width: 62px;
height: 280px;
background-image: url("images/mini_banniere.png");
background-repeat: no-repeat;
float:left;
}
- menu
{
margin-left: 63px;
width: 176px;
height: 129px;
background-image: url("images/menu´.png");
background-repeat: no-repeat;
}
- news
{
margin-left: 63px;
width: 176px;
height: 151px;
background-image: url("images/news.png");
background-repeat: no-repeat;
}
- blog_radio
{ width: 239px;
height: 310px;
background-image: url("images/radioblog.png");
background-repeat: no-repeat;
float:left;
}
- contenus
{ float:right;
width: 760px;
height: 590px;
background-image: url("images/contenus´.png");
background-repeat: no-repeat;
}
/*
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
! */
/* !! !!!!!!!!!!!!!-MISE EN PAGE--MISE EN PAGE--MISE EN PAGE--MISE EN PAGE--MISE EN PAGE-!!!!!!!!!!!!!!!! */
/*
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
! */
p
{ border: none;
width: 100%;
text-align: justify;
font-size: medium
font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
}
q
{ border: 1px dashed #99c2f9;
color: black;
font-style: italic;
padding: 12px;
margin: 50px;
background-color: white;
}
a img { border: none; /* Pas de bordure */ }
- menu_header ul
{
list-style-type : none; /* Car sinon les puces se placent n´importe où */ }
- menu_header li
{ line-height : 15px;
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
}
li.bouton_gauche
{ float : left;
}
li.bouton_droite
{ float : right;
}
- menu_header a
{ color : black;
text-decoration : none;
padding : 0 0.5em;
font : 1em "Trebuchet MS";
}
merci au plus attentionné de m´aider, et si vous voulez, vous pouvez donner quelques avis et conseils 
