Bonjour à tous,

Problème rencontré sur IE 6 et 7 (fonctionnel sous Firefox 2). Le soucis est que lorsque je souhaite appliquer un background-image à une <tr> qui contient des cellules (<th> ou <td>) sans background-image, tout va bien. Dès lors que j'applique un background-image à mon <tr> ET à mes cellules : ca ne m'affiche plus le background-image du <tr> mais seulement celui des cellules (td/th).

Quelqu'un aurait une solution à ce soucis?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
.myGrid 
{
	width:565px;
	border:1px solid #99BBE8;
}
 
.HeaderColmuns { text-align:left; height:22px; background:url(images/z_grid_headerBg.png) repeat-x; }
.myGrid thead th { padding-left:3px; color:#15428B; background:url(images/z_grid_headerSep.gif) right no-repeat; }
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
<table class="myGrid" cellpadding="0" cellspacing="0">
            <thead>
                <tr class="HeaderColmuns">
                    <th title="...">Nom Colonne</th>
                    <th title="...">Nom Colonne</th>
                    <th title="...">Nom Colonne</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>data</td>
                    <td>data</td>
                    <td>data</td>
                </tr>
            </tbody>
</table>
Merci d'avance pour vos réponses qui je l'espère, m'apporteront une solution (enfin) à ce problème.