Разница в ширине div в Safari

Question

В сафари фон моего меню навигации выпадающего меню намного шире, чем в Chrome/Firefox. Я не вижу там какого-либо атрибута css этой ширины, чтобы объяснить, почему происходит другое.

Живой URL: http://bit.ly/1g4YBhT

Chrome

Safari

Живой URL: http://bit.ly/1g4YBhT

CSS

#fixed #menu ul.level1 div {position:absolute; left:-9999px; z-index: 3000; background-color: #53CDD7; } 
#fixed #menu ul.level1 div ul { width: 100%; } 

#fixed #menu ul.level1 li:hover div { left: 0; top:44px; padding-bottom: 10px; } 
#fixed #menu ul.level1 li:hover div ul {display:block; position:relative; } 

#fixed #menu ul.level1 li div ul { line-height: 22px; } 
#fixed #menu ul.level1 li div ul li a { background: transparent url("../Images/Menu/arrow.png") 5px 2px no-repeat; font-family: 'blissregular'; font-weight: normal; /* margin: 0 10px 0 10px; */ padding: 0 0 0 15px; margin-left: -20px; } 
#fixed #menu ul.level1 li div ul li a:hover { color: #00ADEF; } 

#fixed #menu ul.level1 li div ul.level2 li { height: 14px; background: none; text-align: center; display: inline; list-style-type: none; line-height: 16px; float: left; margin: 11px 0 0 0; padding: 0 25px 0 25px; position:relative; border-right: none; text-align: left; width: 100%; } 

#fixed #menu ul.level1 li div ul.level2 li a { text-transform: lowercase; } 
#fixed #menu ul.level1 li div ul.level2 li a:hover { color: #504F4B !important; text-transform: lowercase; } 

Answer 1

В Safari (Windows), я обнаружил, что удаление white-space: nowrap; из #fixed #menu ul исправили проблему для меня. См. Строку 343 вашей таблицы стилей global-en.css.

Answer 2

Используйте этот

.selector { (;property: value;); } 
.selector { [;property: value;]; } 

и объявить ширину фона для сафари только так же ширины, как и в хроме и светлячок.