Bonjour j'essaie désespérément mettre devant tout ma barre de menu "menudemarrer" devant tous les composants mais j'y arrive pas il reste toujours en arriere plan. Ca ne marche pas sous IE.

Ci-dessous mon code html et css:

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
31
32
<html>
 
<head>
<link rel="stylesheet" type="text/css" href="rs.css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/accueil.js" type="text/javascript"></script>
<script src="js/jqueryprogressbar.js" type="text/javascript"></script>
</head>
 
 
<body class="accueil">
 
<div class="desktop" onclick="echapdemarrer();">
	<div id="principal">
	<fieldset class="barchoix"><legend class="ielegend">filtres</legend></fieldset>
	<fieldset class="barchoix"><legend class="ielegend">parametres</legend></fieldset>
	<object id="rapport" type="text/html" data=""></object>
	</div>
	<ul id="menudemarrer">
			<li><a href="">GTS</a></li>
			<li><a href="">SC</a></li>
			<li><a href="">History</a></li>
			<li><a href="">Outstanding</a></li>
	</ul>
</div>
 
<div class="statusbar">
	<button id="btndemarrer" onclick="mndemarrer();">Demarrer</button>
</div>
 
</body>
</html>

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
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
.accueil{
	margin:0;
	padding:0;
}
.statusbar{
	background-color:#000088;
	height:8%;
	border-top-style:solid;
	border-top-width: thin;
	border-top-color: black;
}
 
.desktop{
	background-color:#0022FF;
	height:90%;
}
 
#principal{
	height:100%;
}
 
 
.barchoix{
	margin: 0 10px;
	height:25%;
	width:45%;
	color:white;
	border:2px solid white;
	display:inline;	
}
 
.ielegend{
	color:white;	
}
#rapport{
	margin:10px;
	height:65%;
	width:95%;
	border:1px solid white;
	z-index:0;
}
 
 
ul#menudemarrer{
	margin:0;
	padding:0;
	height:30%;
	width:150px;
	position:absolute;
	z-index:3000;
	bottom:10%;
	background-color: darkgray;
	list-style-type: none;
	border:1px solid #486B02;
	background:  url("../img/menu_demarrer2.png") no-repeat bottom left #A8A8A8;
}
 
#btndemarrer{
	margin:3px;
	height:30px;
	width:150px;
	border: solid;
	background-color:gray;
	padding:0;
	border-color:white;
	border-width: thin;
	text-align: center;
	color:white;
	font-family: monospace;
}
 
 
ul#menudemarrer a{
	display:block;
	height:25%;
	color: white;
	font-style:oblique;
	font-family:monospace;
	font-size:small;
	text-decoration:none;
	height:auto;
	border-top:1px solid white;
	border-bottom:1px solid gray;
	background: url("../img/menu_demarrer.png") no-repeat 5% 50%;
	text-align: right;
}
 
ul#menudemarrer a:hover,
ul#menudemarrer a:focus
ul#menudemarrer .selected a{
	background-color:000088;
}
 
ul#menudemarrer li {
	display:inline;
}
Merci de votre aide.