Problème titre :/

Bonjour,

Voila apres un petit acharnement sur mon site en création, je me retrouve encore face à un problème lol.
Je vous l'expose en esperant que vous puissiez me renseigner :

Mon site est separé en 4 parties ( en tete, menu, corps, ....)

J'ai ma banniere, suivie de mon menu a l'horizontale, mon problème est que tout les titres de mon corps ( a chaque pages) Se colle à coté de mon dernier onglet a droite :/

Je pense que j'ai du zapper un code dans mon css pour remettre mes titres en dessous mais je bloque... Si quelqu'un a une idée.

Je pose la base de mon css peu etre que vous trouverez le problème :

body
{
   width: 760px;
   margin: auto; 
   margin-top: 20px;
   margin-bottom: 20px;   
   background-color: WHite;
   background-image: url("images/.png"); 
}
{
   width: 780px;
   height: 180px;
   background-image: url("images/test.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

#menu
hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: ;
border: 2px solid ;
}

.hovermenu ul li a:hover{
background-color: ;
border-style: outset;
}

html>body .hovermenu ul li a:active
</style>

#corps
{
   margin-left: 140px; 
   margin-bottom: 20px; 
   padding: 5px; 
   
   color: Black;
   background-color: white; 
   background-image: url("images/.jpg");
   background-repeat: repeat-x;
   
   border: 2px solid black;}

#corps h1 
{
height:50px;
padding-left: 0px;
   background-image: url("images/tournevis002.gif"); 
   background-repeat: no-repeat; 
   color: Black;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 
{
   height: 30px;

   background-image: url("images/.jpg"); 
   background-repeat: no-repeat; 
   
   padding-left: 30px;
   color: Black;
   text-align: left;
}

Je vous remercie d'avance pour votre aide