Probleme css IE7 et Safari

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 :
http://blacksmith.fr.nf/bug/img/bug.png

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
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:

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.