Please can someone help. I've spent hours on this. My skin works great on PC and Mac Firefox but in Safari, the submenus (dropdowns) are all off to the left and not below the item being moused-over. My page content is centered, so if I resize my browser window, so that the page aligns left then the menus are perfect. But they do not follow the page when it is resized. This issue is ONLY in Safari.

Here is my stripped down very simple skin :

<div class="skinwrapper" align="center">

<div class="skinmenu">
                <dnn:SOLPARTMENU
            runat="server"
            id="dnnSOLPARTMENU"
            usearrows="false"
            userootbreadcrumbarrow="false"
            usesubmenubreadcrumbarrow="false"
            rootmenuitemlefthtml="&lt;span&gt;"
            rootmenuitemrighthtml="&lt;/span&gt;"
            rootmenuitemcssclass="rootmenuitem"
            rootmenuitemselectedcssclass="rootmenuitemselected"
            rootmenuitembreadcrumbcssclass="rootmenuitembreadcrumb"
            submenucssclass="submenu"
            submenuitemselectedcssclass="submenuitemselected"
            submenuitembreadcrumbcssclass="submenuitembreadcrumb"
            CSSNodeSelectedRoot="rootmenuitembreadcrumb"
            CSSNodeSelectedSub="submenuitembreadcrumb"
            delaysubmenuload="true"
        />
</div>
</div>

AND CSS :

/*page*/
html,body{
    height:100%;
    background-image: url(leopard_back.jpg);
    width: 950px;
    text-align: center;
    margin:0 auto;
}
.skinwrapper{
    padding:1px;
    width:950px;
}

/*menu*/
.MainMenu_MenuContainer{background:url(media/silver_separator.gif) 100% repeat-y transparent;}
.MainMenu_MenuContainer td{cursor:default;font-size:3px;}
.MainMenu_MenuIcon{display:none;}
.MainMenu_RootMenuArrow{display:none;}
.MainMenu_MenuItem{font-family:Verdana, Arial, Helvetica, sans-serif;color:#FFF;font-size:12px;font-weight:normal;}
.submenuitembreadcrumb{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:12px;
    font-weight:normal;
}
.submenuitemselected{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:12px;
    font-weight:normal;
    background:#FFCC00;
}
.MainMenu_MenuArrow{
    font-size:11px;
    padding:2px 0 2px 10px;
    height:24px;
    border-width:1px 1px 1px 0;
}
.submenu{
    z-index:1000;
    border:0;
    padding:0;
    background:#B5840B;
}
.rootmenuitem{background:transparent;}
.rootmenuitem td{
    padding:0 10px 0 9px;
    height:20px;
    cursor:pointer;
    cursor:hand;
    border-right:1px #333333 solid;
}
.rootmenuitem td span{font-family:Verdana, Arial, Helvetica, sans-serif;color:#FFF;font-size:12px;font-weight:bold;}
.rootmenuitembreadcrumb{background:transparent;}
.rootmenuitembreadcrumb td{
    height:20px;
    cursor:pointer;
    cursor:hand;
    border-right:1px #333333 solid;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 9px;
}
.rootmenuitembreadcrumb td span{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
}
.rootmenuitemselected{
    background-color: #B5840B;
}
.rootmenuitemselected td{
    padding:0 10px 0 9px;
    height:20px;
    cursor:pointer;
    cursor:hand;
    border-right:1px #333333 solid;
}
.rootmenuitemselected td span{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
    font-size:12px;
    font-weight:bold;
}
.MainMenu_MenuBreak{display:none;}
.skingoldline {
    background-color: #B5840B;
    text-align: right;
}