Menu drop-down pushes content down. IE8.

Forums Forums Menus Menu drop-down pushes content down. IE8.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #874
    Anonymous
    Member

    Hi.
    Please have a look at my blog, http://www.eobelisk.com
    I’ve installed your plugin, however, I’ve come across a minor problem.  When I hover the mouse over the desired link (ie, Gigs) on the menu, the drop down shows up, however, it pushes my content downwards.  What am I overlooking with the plugin settings?

    Thank you in advance.

    Here is my CSS:
    #suckerfishnav {
        background:#DCDAD5 repeat-x;
        font-size:12px;
        font-family:helvetica,sans-serif;
        font-weight:bold;
        position:absolute;
        width:900px;
        z-index:1000px;
        }
    #suckerfishnav, #suckerfishnav ul {
        float:left;
        list-style:none;
        line-height:18px;
        padding:0;
        border:1px solid #aaa;
        margin:0;
        width:900px;
        z-index:1000px;
        }
    #suckerfishnav a {
        display:block;
        color:#000000;
        text-decoration:none;
        padding:0px 10px;
        }
    #suckerfishnav li {
        float:left;
        padding:0;
        }
    #suckerfishnav ul {
        position:absolute;
        left:-999em;
        height:auto;
        width:101px;
        font-weight:normal;
        margin:0;
        line-height:1;
        border:0;
        border-top:1px solid #666666;
        }
    #suckerfishnav li li {
        width:99px;
        border-bottom:1px solid #666666;
        border-left:1px solid #666666;
        border-right:1px solid #666666;
        font-weight:bold;
        font-family:helvetica,sans-serif;
        }
    #suckerfishnav li li a {
        padding:4px 10px;
        width:80px;
        font-size:12px;
        color:#fff;
        }
    #suckerfishnav li ul ul {
        margin:-21px 0 0 100px;
        }
    #suckerfishnav li li:hover {
        background:#fff;
        }
    #suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
        color:#333;
        }
    #suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
        color:#ffffff;
        }
    #suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
        color:#fff;
        }
    #suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
        left:-999em;
        }
    #suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
        left:auto;
        background:#333;
        }
    #suckerfishnav li:hover, #suckerfishnav li.sfhover {
        background:#000000;
        }

    #6447

    Works fine for me in Google Chrome. Is this possibly a browser compatibility problem?

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