bonjour, j'ai mis un hover au menu donc tous les liens lorsque j'ai le pointeur dessus il le met couleur avec un fond.

mon problème est que je voudrai que ce fond prenne toute la largeur.
désolé si le même problème a déja été posé car j'ai regarder de nombreux post malheureusement je n'y est pas trouvé mon bonheur.

voici mon code css:

#menu
{
border: thick double RGB(0,128,159);
padding-right: 10px;
background-image: url('menu6.png');
float: left;
padding-top: 15px;
width: 130px;
margin-right: 10px;
background-attachment: scroll;
background-repeat: repeat-y;
color: RGB(40,40,93);
margin-left: 10px;
}



body
{
background-image: url("fond00.png");
background-repeat: auto;
width: 1024px;
height: 1024px;

}


ul
{
list-style-type: square;
}

.element_menu a:hover
{
background-color: RGB(0,128,255);
color: white;
}



#corps
{
padding:20px; color: RGB(40,40,93);
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
border: thick double RGB(0,128,159);
background-color: RGB(250,145,39);
height: 750px;
width: 380px;
text-align: center

}



a
{
text-decoration: none;
color: rgb(40,40,93);
}

a:visited
{
text-decoration: none;
}

#pied_de_page
{
text-align: center;
}

#partenariat
{
border: thick double RGB(0,128,159);

background-image: url('menu.png');
float: right;
padding-top: 15px;
width: 160px;
background-attachment: scroll;
background-repeat: repeat-y;
margin-left: 10px;
color: RGB(40,40,93);
margin-right: 10px;
height: 435px;


}



#en_tete2
{
width: 790px;

background-color: RGB(233,231,228);
background-repeat: no-repeat;
height: 220px;
margin-left: 25px;

margin-right: 10px;
margin-top: 5px;
}

#lebody
{
border: thick ridge RGB(0,128,192);
width: 850px;
height: 100%;
background-color: RGB(233,231,228);

margin-left: 80px;
margin-right: 10px;
background-repeat: auto;

}

#footer
{
border: thick double RGB(0,128,159);
width: 700px;
height: 100px;
margin-left: 65px;
margin-right: 45px;
margin-bottom: 10px;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
background-image: url('footer-background.png');
color: RGB(40,40,93);
}



#formulaire
{
margin-left: 10px;
}

#formulaire1
{
margin-left: 35px;
}

#XX
{
margin-left: 6px;
}

#XX a:hover
{
background-color: RGB(0,128,255);

}

Salut,

merci, par contre il saute une ligne apres chaque lien.
et j'ai remarqué que c'était à cause du code

a
{
display: block;
}

comment résoudre sa?