[CSS] Problème de Bordure

Bonjour,

Je fais un tableau avec des cases n'ayant pas de bordure.
Sur mes cases ayant un colspan la bordure du haut n'apparait pas.
Comment faire pour que ma ligne du haut sur mon td avec le colspan apparaissent ?

Merci beaucoup

PS: Je suis sur IE

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>BUG</title>
    <style type="text/css">
table
{
border-collapse: collapse;
}
td
{
 
border: 1px solid #000000;
 
}
 
td.LessBorder
{
	background-color: Transparent;
	border-style:  none;
 
}
 
</style>
</head>
<body>
 
<table>
    <tr>
        <td colspan="3"  class="LessBorder" ></td>
        <td>1</td>
    </tr>
    <tr>
        <td></td>
        <td>2</td>
        <td colspan="2">PROBLEME</td>
    </tr>    
    </table>
 
</body>
</html>

c'est assez bizar comme probleme !!

Si le td dont tu veu enlever les bordures est toujours en haut a gauche, tu peu essayer de n'enlever que ces bordures la:
Code:

1 2 3 4 5 td.LessBorder { background-color: Transparent; border-left: 0; border-top: 0; }

Malheureusement il n'est pas toujours a cette place :-(
Est-ce que ce bug apparait sur d'autres naviguateur ?

Sous FireFox c'est nickel
Plus les cellules sont petites plus c'est visible