J'ai un bouton dans un tableau avec les styles suivants :

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
.bouton
{
	text-decoration: none;
	background-color: #CCCCFF;
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	font-weight: bold;
	border-top: thin solid;
	border-bottom: thin solid;
	border-left: thin solid;
	border-right: thin solid;
}
 
tr.ligneBouton
{
	height: 20px;
	padding-top: 1em;
	padding-bottom: 1em;
}
 
td.caseBouton
{
	vertical-align: middle;
}
Le problème est que tout s'affiche bien avec Firefox 1.0, Mozilla 1.4, Netscape 7 mais pas avec IE 6 (le tour de mon bouton n'apparait pas sur la partie haute). J'ai essayé de mettre 50px pour la hauteur du tr, mais le résultat est le même : le bouton occupe une partie de cette ligne en hauteur, est centré, mais est toujours sans bord sur la partie haute.

Quelqu'un a une idée concernant ce problème ?