Menu appears very differently in safari

Forums Forums Menus Menu appears very differently in safari

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1472

    Hi there,

    my pixopoint menu is appearing very differently in safari than other browsers, for example in Firefox it appears perfectly, but in safari there is a bright red colour that i can’t see anywhere in the code, the drop down menu appears to be transparent and the sub menu from the drop down is appearing further to the top than where it does in firefox. The address is http://www.sandblast-arts.org and here is the code

    #pixopoint_menu1 {
    width:100%;
    height:35px;
    background:#605745;
    background-position:50% 0;
    margin:0;}
    #pixopoint_menu1 ul {
    width:100%;
    border:none;
    background:none;
    margin:0;
    padding:0;
    list-style:none;
    }
    #pixopoint_menu1 li {
    border:none;
    background:none;
    background:#605745;
    color:#FFFFFF;
    line-height:35px;
    z-index:20;
    letter-spacing:0px;
    background:;
    font-weight:bold;
    font-size:14px;
    padding:0;
    margin:0 0px;
    ;float:left;
    font-family:tahoma,sans-serif;
    position:relative;
    }
    #pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {
    background:#8E7863;
    background-position:0 40px;
    }
    #pixopoint_menu1 li a {
    border:none;
    background:none;
    text-decoration:none;
    display:block;
    padding:0 12px;
    color:#FFFFFF;
    }
    #pixopoint_menu1 li a:hover {
    border:none;
    background:none;
    text-decoration:none;
    color:#FFFFFF;
    background-position:100% -120px;
    }
    #pixopoint_menu1 ul ul {
    position:absolute;
    left:-999em;
    top:35px;
    width:120px;
    }
    #pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
    left:auto;
    }
    #pixopoint_menu1 ul ul li a {
    padding:5px;
    text-transform:normal;
    font-variant:normal;
    }
    #pixopoint_menu1 ul ul li {
    letter-spacing:0px;
    color:#8e7863;
    z-index:20;
    width:120px;
    font-family:helvetica,arial,sans-serif;
    font-size:11px;
    font-weight:normal;
    font-style:normal;
    background:#FFFFFF;
    border-bottom:1px solid #8e7863;
    border-left:1px solid #8e7863;
    border-right:1px solid #8e7863;
    margin:0;
    }
    #pixopoint_menu1 ul ul li a {
    line-height:22px;
    color:#8e7863;
    text-decoration:none;
    }
    #pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a {
    color:#FFFFFF;
    text-decoration:none;
    }
    #pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
    color:#8e7863;
    }
    #pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover {
    color:#FFFFFF;
    }
    #pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
    color:#FFFFFF;
    background:#8e7863;
    }
    #pixopoint_menu1 ul ul ul li {
    font-size:1em;}#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul {
    position:absolute;
    margin-left:-999em;
    top:0;
    width:120px;
    }
    #pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul {
    margin-left:120px;
    }
    #pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
    text-decoration:none;
    }
    #pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a {
    color:#FFFFFF;
    text-decoration:none;
    }
    #pixopoint_menu1 li.pixo_search:hover {
    background:none;
    }
    #pixopoint_menu1 li.pixo_search form {
    margin:0;
    padding:0;
    }
    #pixopoint_menu1 li.pixo_search input {
    font-family:tahoma,sans-serif;}
    #pixopoint_menu1 li.pixo_search input.pixo_inputsearch {
    width:100px;
    }
    #pixopoint_menu1 li.pixo_right {
    float:right;
    }

    Thanks in advance for your help

    Emily x

    #8613
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.