Les bordures fantômes apparaissent après l'ajout d'un élément à la page

Question

J'ai un léger problème avec l'interface utilisateur de mon projet. J'utilise jQuery templating pour ajouter des éléments à la page après la fin d'un processus appelé. J'ai une table sur la page et seul l'en-tête de la table a des bordures. Voici le paramètre CSS pour la frontière d'en-tête:

#mainContent thead tr td{ 
    border: 1px solid #bbbbbb; 
    border-collapse: collapse; 
    background-image: url(../images/columnheader_bg.png); 
    background-repeat: repeat-x; 
    background-color: #e2e2e2; 
    text-decoration: underline; 
    font-weight: bold; 
    padding: 5px; 
} 

Une fois le processus appelé a terminé et l'élément est ajouté par la templating jQuery, les frontières de l'en-tête apparaissent sur la première ligne du corps de la table. C'est difficile à expliquer, j'ai donc capturé une vidéo de capture d'écran au http://screencast.com/t/LD8SvpgV (remarquez qu'à la fin de la vidéo, sous 'Statut' et 'Action', les bordures apparaissent).

Quelqu'un at-il une idée de ce qui cause et comment puis-je l'enlever?

Cheers,

Kia

Answer 1

Il est difficile de détecter le problème exact avec les détails que vous fournissez.

Cela se passe-t-il uniquement sur un navigateur spécifique?

Je vous conseille d'installer Firebug add-on pour Firefox et de faire votre enquête à partir de là.