Bonjour, j'ai créé un menu pour mon site web. Sous firefox et ie7, j'obtien exactement la même chose. Par contre sur ie6, les éspacement son presque doublé. Je n'arrive pas a afficher la même chose que sur firefox et ie7.
Merci de votre aide.

Voici le code.
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
<div class="menup">
   <ul>
    <li><a href="index.php">ACCUEIL</a></li>
    <li><a href="contenu.php">ARTICLES</a></li>
    <li><a href="news.php">NEWS</a></li>
        <li><a href="about.php">A PROPOS</a></li>
    <li><a href="contact.php">CONTACT</a></li>
   </ul>
</div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
.menup ul /* Toutes les listes à puces se trouvant dans un menu */
{
    list-style-type: none; 
    padding: 0px;
    margin: 0px;
}
 
.menup li /* Toutes les listes à puces se trouvant dans un menu */
{
    margin:0;
    margin-bottom: 8px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
    padding: 0px 0px 0px 2px;
    vertical-align:middle;
}
 
.menup a
{
    color: #ffffff;
    font-family: Candara, "Agency FB", "Myriad Pro", Arial, "Arial Black", "Times New Roman", Times, serif;
    font-size: 16px;
    text-decoration: none;
    display:block;  /* Permet d'étendre le surlignage du texte */
}
 
.menup a:hover /* Quand on pointe sur un lien du menu */
{
    text-decoration: none;
    background-color: #525454;
}