onglets avec jquery sour internet explorer et Gchrome

bonjour à tous!
Je suis nouveau sur ce forum. Je commence en css et ne comprends pas pourquoi mes tab boxes (des onglets qui s'affichent dans une même boite) ne fonctionnent que sous firefox et safari...
il y a une fonction jquery pour les activer donc je ne sais pas ce qui foire entre le javascript et le css...
Mille merci!
Seb

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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
/* Beginning of my tab boxes */
 
* { margin: 0; padding: 0; }
	#wrap {
 
			text-align:justify;  
			margin : 0 20px; 
			padding : .5em 0;
			float : right;
 
 
	}
html>body #wrap {
	width: 100%; /* ie5win fudge ends */
 
	}
 
 
 
	.tabbed-box {
		width: 398px;		
 
}
 
 
	.tabbed-box .tabs li {
		list-style: none;
		float: left; }
	.tabbed-box .tabs li a {
		display: block;
		width: 132px;
		padding: 5px 0;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		color: #888;
		background: #fff bottom; 
		border-left: 1px solid #97d5ee;
		border-bottom: 1px solid #97d5ee;}
	.tabbed-box .tabs li:first-child a {
		border-left: none; }
	.tabbed-box .tabs li a:hover {
		color: #333; }
	.tabbed-box .tabs li a:focus {
		outline: none; }
	.tabbed-box .tabs li a.active {
		background: #fff;
		color: #333;
		border-bottom: 1px solid #fff; }
	.tabbed-content {
		padding: 3em 1em 1em 1em;
		display: none; }
 
 
 
#miniboxcenter {
	display : block; 
	overflow : hidden; 
	margin-right : 10%;
	float: right;
  	background: #fffff;
	border: 2px solid #97d5ee;
	width: 400px; 
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
 
 
	}
html>body #miniboxcenter {
	width: 400px; 
	/* ie5win fudge ends */
	}
 
}