bonjour à tous

ayant lu le sujet sur les tableaux en xhtml, je souhaiterais les supprimer de mon site.
j'ai remplacé les tableaux d'une de mes pages par des <ul></ul>
http://www.freazer.com/perso/migau/musique.html

mais pour que mes <ul< soient bien alignées lorsque je vais sur mon site ,je suis obligé de passer ma souris dessus.
voici mon codes .css

.musique-droite
{
float:left;
width:25%;
height:20%;
margin-top:4%;
margin-left:2%;
margin-right:4%;
border:2px solid black;
background-color:blue;
color:black;
}

.musique-gauche
{
float:right;
width:25%;

margin-top:4%;
border:2px solid black;
background-color:red;
color:black;
margin-right:3%;
}

.musique-centre
{
width:25%;
margin-top:6%;
border:2px solid black;
background-color:white;
color:black;
}


pouvez m'aider à solutionner mon probleme.

d'avance merci

migau

Je pense qu'il faudrait rajouter :



Au passage ton site est tout décalé sous firefox

Salut. faut initialiser tes <ul> et tes <li> margin-left:0;
padding-left:0;

bonsoir

merci à tous les deux.
je regarde ,vous donnerai le résultat.

bonne soirée.

migau