CSS overlapses background-color con bordo in cella di una tabella in IE

Question

Ho una tabella con due semplici celle di tabella:

<table> 
    <tr> 
    <td>Test1</td> 
    </tr> 
    <tr> 
    <td>Test2</td> 
    </tr> 
</table> 

E io aggiungere il seguente CSS per le celle della tabella:

td { 
    border: 1px solid #000; 
    background-color: #CCC; 
} 

Per qualche motivo quando vedo questo in IE mostra lo sfondo in cima al confine, se deseleziono lo sfondo in DOM explorer posso vedere che il confine è lì.

Immagino che questo abbia qualcosa a che fare con un elemento genitore, ma ci sono così tanti elementi genitore che non posso incollare tutto quel codice qui.

Qualcuno ha un'idea di cosa potrebbe essere?

Answer 1

come mi aspettavo, è stato a causa di una regola di posizione nel CSS: td { position: relative } idea del perché questo è, ma la rimozione che risolto

mi ha portato sempre a restringere tho , ecco perché ho iniziato questo post in primo luogo, per farmi risparmiare tempo. ma va bene fissa ora :)

Answer 2

se non si desidera modificare il posizionamento, provare

background-clip: padding-box;