http://jsfiddle.net/L83y3/
HTML
<table> <tr> <td>stuff</td> <td class="right">more stuff</td> </tr> </table>
CSS
table { border:10px solid green; } td { padding:20px; background-color:gray; } .right { position:relative; }
Chrome 13,Safari 5,IE7具有坚实的不间断绿色边框
但导致IE9,IE8,FF5,FF4,FF3.6
如何才能得到一个坚实的边界,但仍然有位置:相对在正确的单元格?
解决方法
应用z-index:-1;
jsfiddle:http://jsfiddle.net/thilakar/L83y3/1/
.right { position:relative; z-index:-1 }