Bonjour,

J'ai un problème de css avec IE7 et Safari sous Windows mais pas avec Firefox ni opera 9.

Une petite image pour montrer le problème :


Code 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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
#onglet {
	text-align: center;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 1px solid black;
}
#onglet ul {
	margin: 0;
}
#onglet li  {
	display: inline;
	list-style-type: none;
 
}
#onglet li.active  {
	display: inline;
	list-style-type: none;
}
 
#onglet a {
	border: 1px solid black;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#onglet a:active {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid white;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
}
#onglet a:hover {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid white;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
}
#onglet a.actif {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid white;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
}

Et le menu html basique... :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
<div id="onglet">
  <ul>
    <li><a href="">Paramètres généraux</a> </li>
    <li><a href="">Page Contact</a> </li>
    <li><a href="">Page Mention Légal</a></li>
  </ul>
</div>
Merci d'avance.