WordPress的wp_nav_menu在Safari中無法顯示

Question

這裏是我的CSS

#menubar{position:absolute; width:100%; height:42px; background:url(images/menubar-bg.jpg); margin-top:112px; } 
    #menu-home{width:80%; height:42px; margin:0 auto;} 
    #menu-home li{position:relative;} 
    #menu-home>li>a{float:left; text-decoration:none; color:#ffffff; font-family:arial; font-size:16px; font-weight:500; padding:13px 2%; } 
    #menu-home li.last-child{float:right; } 
    #menu-home li.last-child a{padding:13px 0; color:#face30;} 
    #menu-home .sub-menu{position:absolute; background:url(images/menu-hover-bg.jpg); width:100%; height:259px; top:0px; top:-220px; z-index:-1000;} 

這適用於所有其他瀏覽器

這裏是我的工作URL demo site

請幫助.....

Answer 1

編輯你的CSS並添加float：left;到你的＃menu-home li元素：#menu-home li{ position:relative; float: left; }。通過這種方式，Safari只會給LI提供所需的空間。