Bordures de cellules de tableau positionnées relatives. IE affichage question

Question

J'ai un problème avec la mise en bordures pour les cellules de table qui ont un style de position relative: fiddle example

table { 
border-collapse: collapse; 
} 

td { 
    border: 1px solid green; 
    position: relative; 
} 

Il semble ok FF et Chrome:

Mais dans IE je vois cellulaire doublé frontières:

Cette bordure doublée n'apparaît que si td est positionné. Je sais que pour contourner ce problème, il est possible de supprimer la bordure de la cellule de table et de placer une div supplémentaire avec une bordure à l'intérieur de la cellule du tableau. Mais peut-être existe-t-il une autre façon de résoudre ce problème dans IE?

EDIT: j'ai réussi à afficher les frontières combinant cellules et styles de bordure de table: http://jsfiddle.net/GaTHZ/4/

Answer 1

Cela résoudre. A travaillé dans IE et Chrome.

table { 
     border-collapse: collapse; 
     margin-right:30px; 
     margin-left:30px; 
     border-right: 1px solid green; 
     border-bottom: 1px solid green; 
     } 

    td { 
      border-left: 1px solid green; 
      border-top: 1px solid green; 
      width: 200px; 
      height: 35px; 
      position: relative; 
     }​