Html Safari边界误差

我在一个网站上工作，我创建了一个标签，内容周围有边框。Chrome上的一切都很好，但我对Safari有问题。左边和右边的边框在safari中是开始的，它们不在我想要的页边距中，我希望它们与选项卡对齐

.ui-tabs .ui-tabs-panel {
     padding: 1em 0.4em;
     background: none;
     border: 1px solid rgba(216, 216, 216, 0.55);
     border-top: none;
     margin-top: -5px;
     margin-left: 2px;
     margin-right: 4px; 
 }

有人能帮忙吗

---

有人吗？这是右边的边距：4倍，这就是问题所在。如果我把它改成11px，它在Safari中显示的很好，但随后它就变成了Chrome。请帮助

没有JSFIDLE示例，我是盲人，但您可以尝试以下方法：

CSS:

---

任何人这是右边的边距：4倍，这就是问题所在。如果我把它改成11px，它在Safari中显示的很好，但随后它就变成了Chrome。请帮我把它贴在JSFIDLE上好吗？

.ui-tabs .ui-tabs-panel {
    display: inline;
    margin: 5px 4px 0px 2px;
    border: 1px solid rgba(216, 216, 216, 0.55);
    border-top: none;
    background: none;
}