[html+css] problème menu avec liens display:block
Bonjour.
Mon problème conseille un menu que je tente de créer avec les liens hypertextes, et qui sont de type display:block (en fait ce sont les li mais on a compris :)
Voici me code html :
Code:
1
2
3
4
| <ul>
<li><a href="a.php">aa</a></li>
<li><a href="b.php" target="_blank">bb</a></li>
<li><a href="c.php" target="_blank">cc</a></li></ul> |
le code css :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| ul{
margin:0px;
padding:0px;
list-style-type:none;
}
ul li{
line-height:17px;
}
ul li a:link,ul li a:visited{
display:block;
text-indent:1px;
vertical-align:middle;
font-family:verdana, sans-serif;
font-size:10px;
color:#0099FF;
background-color:transparent;
}
ul li a:hover{
background-color:#D2D200;
color:#3333FF;
text-decoration:none;
} |
Le menu marche parfaitement sous Firefox et Netscape, mais la mise en forme est bousillée sous IE.
Sous firefox :
http://jsbrice.homeunix.net/hebergem...es/firefox.jpg
Sous IE :
http://jsbrice.homeunix.net/hebergem.../images/ie.jpg
C'est comme si IE rajoutais un br entre chaque li.
Des idées ?
Merci beaucoup.
