Google chrome 显示：表格在webkit浏览器中添加填充/边距，但不添加FF或IE

我正在处理一些框，在这些框中，我被迫在div上使用以下css，以使其看起来正确：

显示：表格

它在Firefox+InternetExplorer中运行良好，但我刚刚注意到它在webkit浏览器（Safari/Chrome）中添加了1px边框/边距/填充，这会稍微移动方框。。。我怎样才能摆脱这个

我上传了一个图片示例，演示了如何渲染：

---

是否有一种“简单的方法”可以在样式表中确定您是否使用webkit浏览器？因为这样我就可以加上“左边距：-1px”。。我知道有一种方法可以确定jQuery中的browsertype，但我认为这有点过分了

我在显示方面遇到了一些问题：表格。你试过display:block吗？display:block不会使框垂直居中，这就是为什么我需要使用display:table:/Checkout这个链接：是的，在css3中，你可以编写webkit浏览器的不同css属性（检查css3手册）。顺便问一下它在firefox和IE中的显示方式。-webkit margin start:-1px