CSS Hintergrund-Farbe overlapses mit Rand auf Tabellenzelle in IE

Question

Ich habe eine Tabelle mit zwei einfachen Tabellenzellen:

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

Und ich fügen Sie den folgenden CSS zu den Tabellenzellen:

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

Aus irgendeinem Grund, wenn ich dies in IE sehe, zeigt es den Hintergrund oben auf dem Rahmen, wenn ich den Hintergrund im DOM-Explorer deaktivieren, kann ich sehen, dass der Rahmen dort ist.

Ich denke, das hat etwas mit einem Elternelement zu tun, aber es gibt soooo viele Elternelemente, dass ich den ganzen Code hier nicht einfügen kann.

Jeder hat eine Idee, was das sein könnte?

Answer 1

wie ich erwartet hatte, war es aufgrund der Lage Regel in CSS: td { position: relative } Keine Ahnung, warum das so ist, aber entfernt werden, die es gelöst

hat mich für immer tho einzuengen Deshalb habe ich diesen Post überhaupt angefangen, um mir Zeit zu sparen. aber in Ordnung jetzt behoben :)

Answer 2

, wenn Sie nicht wollen, um die Positionierung zu ändern, versuchen

background-clip: padding-box;