Ошибка пограничного края Safari

Question

Я работаю над веб-сайтом, я создал вкладку с границами содержимого. Все отлично работает в Chrome, но у меня проблема с 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; 
} 

Может ли кто-нибудь помочь?

Кто-нибудь? Его правая граница: 4px, что является проблемой. Если я изменю его на 11px, он отлично отобразится в Safari, но затем он смещает его на Chrome. Пожалуйста, помогите

Answer 1

Без примера JSFiddle я работаю слеп, но попробуйте это:

CSS:

.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; 
}