相关疑难解决方法(0)

Firefox 1像素错误与边界崩溃,解决方法？

以下"左侧1个像素"错误是否有任何解决方法？

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">                                   
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">   
<body>
<div style="padding: 50px">
<div style="border: 1px solid red">Table header info</div>
<table style="border: 1px solid green; border-collapse: collapse; width: 100%">
    <tbody>
        <tr>
            <th>Col1</th>
            <th>Col2</th>
        </tr>
        <tr>
            <td>Hello</td>
            <td>World</td>
        </tr>
    </tbody>
</table>
<div style="border: 1px solid red">Table footer info</div>
</div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

它看起来像这样:

Firefox CSS bug http://i42.tinypic.com/245x9ud.png

这有什么纯CSS解决方案吗？