CSS下拉子菜单在Mac上定位

Question

我有一个我为Wordpress编码的自定义下拉菜单。它在我的电脑上的每个浏览器中呈现出色，但在Mac上，它的亮度约为5-10像素。而且，宽度不对。它应该是145px宽。

有人可以看看他们是否能发现问题吗？

以下是与菜单相关的链接：http://s5.mynewsitereview.com

这是CSS：

#navcontainer   { float:right ;
padding:23px 0px 22px 0px ;
position:relative ;
top:65px ;
z-index:9999 ;
}


.jsddm li
{   display:inline ;
height:68px ;
}

.jsddm li a
{ display:block ;
float:left ;
padding:26px 28px 26px 28px ;
color:#ffffff ;
font-family:Garamond,Times Roman,serif ;
font-weight:bold ;
font-size:17px ;
text-decoration:none ;
text-align:center ;
background:#585858 ;
border-left:1px solid #ffffff ;
whitespace:nowrap ;
}

.jsddm li a:hover
{ background:#84aeaf }

li.current_page_item a { background:#84aeaf }

    .jsddm li ul
    {   margin: 0;
        width:145px ;
        margin-top:70px ;
        margin-left:227px ;
        padding:0 ;
        position: absolute;
        visibility: hidden;}

    .jsddm li ul li
    {   float: none;
        display: inline ;
        padding:0 ;
        margin:0 ;
        }

    .jsddm li ul li a
    {   display:block ;
        width: 145px;
        background: #585858 ;
        color:#ffffff ;
        font-size:16px ; 
        border-left:none ;
        border-top:1px solid #ffffff ;
        padding:5px}

    .jsddm li ul li a:hover
    {   background: #84aeaf ;
    color:#ffffff }