HTML CSS：破桌子？

Question

我使用YUI重置瀏覽器類，然後我將帶入幾個自定義樣式表中......我已經看到了這種情況發生了幾次，我不認爲我曾經縮小過原因：

表被拉動的圖像做出了陰影平方表...但由於某些原因，它的破碎...

這裏是我的CSS：

.tblSquare { 
    text-align: left; 
    border-collapse: collapse; 
} 
.tblSquare td.top { 
    background:url('/Content/Images/tblSquare_top.gif') repeat-x; 
} 
.tblSquare td.left { 
    background:url('/Content/Images/tblSquare_left.gif') repeat-y; 
} 
.tblSquare td.right { 
    background:url('/Content/Images/tblSquare_right.gif') repeat-y; 
} 
.tblSquare td.bottom { 
    background:url('/Content/Images/tblSquare_bottom.gif') repeat-x; 
} 
.tblSquare td.content { 
    background:#FFF; 
    vertical-align:top; 
}