Bonjour,

Sur mon site, j'ai créé de sympathiques onglets tout en CSS, mais je remarque un petit problème qui apparait parfois, sans pouvoir l'expliquer.

Parfois tout fonctionne, comme ici.
Parfois, le dernier onglet est décalé, comme ici

Le problème se produit également quand il y a plusieurs lignes d'onglets.

Tout fonctionne bien ici, et j'ai le problème ici

Le fichier CSS est le même pour tout le site, dans lequel on trouve
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
 
/* */
/* onglets test */
/* */
 
#onglets { 
		float:left;
		width:100%;
		background:#FFF;
		font-size:93%;
		line-height:normal;
        /* list-style: none; */ 
		margin: 5px 0px;      
		padding: 0px 0px;
		border-bottom:2px solid #2B5087;
		/* border-top:2px solid #2B5087; */
      } 
 
	#onglets li { 
		display: inline; /* affichage horizontal */ 
		margin: 5px 0px;      
		padding: 5px 5px;
	} 
 
	#onglets li a { 
		float: left;
		padding: 5px 5px; 
		margin: 0px 0px; 
		background:-moz-linear-gradient(top, #ffffff, #94BED4);
		/* background:-moz-linear-gradient(center top , #ffffff 0%, #ffffff 5%, #94BED4) repeat scroll 0 0 #F6F6F6; */
		background:-webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #94BED4));
		color: #2B5087; 
		border: 1px solid #2B5087; 
		text-decoration: none;
		-moz-border-radius: 10px 10px 0px 0px; 
		-webkit-border-radius: 10px 10px 0px 0px; 
		border-radius: 10px 10px 0px 0px;         
		-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
		-webkit-border-top-right-radius: 10px; /* pour Chrome */ 
	} 
 
	#onglets li a:hover, #onglets li a:focus { 
		background:-moz-linear-gradient(top, #94BED4, #2B5087);
		background:-webkit-gradient(linear,left top,left bottom,color-stop(0, #94BED4),color-stop(1, #2B5087));
		color: #000000; 
	} 
 
	#onglets #current a {
		background:-moz-linear-gradient(top, #ffffff, #2B5087);
		background:-webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #2B5087));
		color: #000000; 
		font-weight: bold;
	}

Peut-être que j'ai passé trop de temps la tête dans le guidon, mais je ne vois vraiment pas d'où peut venir ce problème

Merci d'avance pour votre aide !

--
Guillaume, webmaster en surchauffe...