html - Safari中div宽度的差异

Question

在 safari 中，我的菜单导航下拉菜单的背景比在 Chrome/Firefox 中宽得多。我没有看到该宽度的任何 css 属性来解释为什么会发生这种情况。

实时网址:http://bit.ly/1g4YBhT

Chrome

Safari

实时网址: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) 中，我发现从 #fixed #menu ul 中删除 white-space: nowrap; 可以解决我的问题。请参阅 global-en.css 样式表的第 343 行。