CSS options pour appliquer une bordure à tfoot? Le style de pied de page avec “border-top” ne fonctionne pas

Une frontière ne rend pas quand j'applique une CSS, la propriété border pour tfoot (border-top, border-bottom, border, etc., aucun rendu frontière)

Quelles options sont là pour rendre une frontière sur tfoot ou tbody? Est l'application d'une frontière à tbody ou tfoot pris en charge?

Exemple de CSS+HTML ci-dessous, pas de frontière est rendu dans Chrome 18, Firefox 9 ou IE9.

<style>
table.sample tfoot
{
 border-top: 2px solid black;
}
</style>
<table class="sample">
<thead>
 <tr>
  <td>Date</td><td>DataX</td><td>DataY</td><td>DataZ</td>
 </tr>
</thead>
<tfoot>
 <tr>
  <td colspan="3">Average:</td><td>100</td>
 </tr>
</tfoot>
<tbody>
 <tr>
  <td>Feb1</td><td>22</td><td>333</td><td>44</td>
 </tr>
 <tr>
  <td>Feb2</td><td>66</td><td>77</td><td>88</td>
 </tr>
</tbody>
</table>

OriginalL'auteur John | 2012-02-11