Vertical menu fly-outs are displaced and cannot be clicked

[neuroreview]

I’m using the upgraded version of the Pixopoint menu plugin to create a vertical fly-out of the category hierarchy on my site (http://beta.thirdreviewer.com). Theme is Suffusion, and I’ve used the executable php code widget to put the pixopoint call in my sidebar.

Major problem:
the fly-outs on hover are displaced so far to the left that they’re not adjacent and so they disappear as soon as I try to mouse over to them. Have only checked in Firefox so far.

Very minor problem:
How the heck do I get rid of the dang bullets? I’ve put #suckerfishnav {list-style:none;} in my css but no joy. I’m suspecting it’s something to do with the Suffusion theme.

The CSS I’m using was generated on your site and is as follows:

[code:2sc88zk0]#suckerfishnav {
    background:#DDDDDD repeat-x;
    font-size:12px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:20px;
    padding:0;
    border:1px solid #333333;
    margin:0;
    width:150px;
    }
#suckerfishnav a {
    display:block;
    color:#000000;
    text-decoration:none;
    padding:0px 25px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav li a {
    width:150px;
    width:100px;
    overflow:hidden;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:131px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #333333;
    margin:-20px 0 0 -150px;
    }
#suckerfishnav li li {
    width:129px;
    border-bottom:1px solid #333333;
    border-left:1px solid #333333;
    border-right:1px solid #333333;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:3px 10px;
    width:80px;
    font-size:12px;
    color:#000000;
    }
#suckerfishnav li ul ul {
    margin:-19px 0 0 -130px;
    }
#suckerfishnav li li:hover {
    background:#850707;
    }
#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:#FFFFFF;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    }
#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:#000000;
    }
#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:#DDDDDD;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#850707;
    }
#suckerfishnav .current_page_parent {
    background:#FFFFFF;
    }
#suckerfishnav .current_page_item {
    background:#FFFFFF;
    }
#suckerfishnav .current_page_parent a:after, #suckerfishnav .current_page_parent li a:after, #suckerfishnav .current_page_parent li li a:after, #suckerfishnav .current_page_parent li li li a:after, #suckerfishnav .current_page_parent li li li li a:after {
    content:"";
    }
#suckerfishnav .current_page_parent a:after, #suckerfishnav li .current_page_parent a:after, #suckerfishnav li li .current_page_parent a:after, #suckerfishnav li li li .current_page_parent a:after {
    color:#000000;
    content:"";
    }
#suckerfishnav .current_page_item a:after, #suckerfishnav li .current_page_item a:after, #suckerfishnav li li .current_page_item a:after, #suckerfishnav li li li .current_page_item a:after, #suckerfishnav li li li li .current_page_item a:after {
    color:#000000;
    content:"";
    }[/code:2sc88zk0]

Thanks in advance for any help you can give.

[imported_Ryan]

Your site does not appear to be calling the pixopoint_menu() function anywhere on the page, and so no menu is appearing at all.

[Author]

Posts