Menu déroulant qui se cache derrière le reste de la page (sur IE)
Salut à tous,
J'ai un problème j'ai un menu horizontal déroulant. le sous menu se place derrière le corps de la page. (uniquement sur internet explorer)
Est ce quelqu'un pourra m'aider
Merci d'avance
Voila mon css :
Code:
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
| body {
behavior: url("csshover3.htc");
}
.menu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.menu ul li{
float: left;
position: relative;
display: inline;
background-color:#7cae51;
}
.menu ul li a{
display:block;
width: auto;
color:white;
text-decoration:none;
padding:5px;
font-weight: bold;
border-left-width:2px;
}
.menu ul li ul{
position: absolute;
display: block;
visibility: hidden;
}
.menu ul li ul li{
display: inline;
float: none;
}
.menu ul li ul li a{
width: 150px;
font-weight: bold;
padding: 2px 5px;
background: #7cae51 ;
color:#cde686;
}
.menu ul li a:hover{
background:#f84506;
}
.menu ul li ul li a:hover{
background: #cde686;
color:#f84506;
} |
et mon code html :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| <div class="menu">
<ul id="mon_menu">
<li><a href="introduction.php"><?php echo $_introduction[0] ?></a></li>
<li><a href="presentation.php"><?php echo $_presentation[0] ?></a></li>
<li><a href="#"><?php echo $_calculator[0] ?></a>
<ul>
<li><a href="calculator.php"><?php echo $_calculator_FR[0]?> </a></li>
<li><a href="calculator.php"><?php echo $_calculator_Dose[0]?> </a></li>
<li><a href="calculator.php"><?php echo $_calculator_Ref[0]?></a></li>
</ul>
</li>
<li><a href="references.php"><?php echo $_references[0] ?></a></li>
<li ><a href="aboutus.php"><?php echo $_aboutus[0] ?></a></li>
<li><a href="contact.php"><?php echo $_contact[0] ?></a></li>
<li ><a href="legal.php"><?php echo $_legalnotice[0] ?></a></li>
<li><a href="help.php"><?php echo $_help[0] ?></a></li>
</ul>
</div> |
