Couple of problems with Multi-level Navigation Plugin

[fragenbaer]

Hi,
the Multi-level Navigation Plugin made a really good impression on my but some things just don’t work the way I want them to.

Website in question: http://www.lerk.de/%5B/url:36eb1dla%5D
Wordpress: 2.9.1
Multi-level Navigation Plugin: 2.2.1

I used the Multi-level Menu CSS Generator to generate the following custom CSS for my website and manually edited lines 2 and 3 (should not have an impact).
[code:36eb1dla]#suckerfishnav {
    background:#4E871C;
    font-size:14px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#FFFFFF;
    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:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:12px;
    color:#FFFFFF;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#92C135;
    }
#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:#000000;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#000000;
    }
#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:#FFFFFF;
    }
#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:#4E871C;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#92C135;
    }[/code:36eb1dla]

Below are Screenshots from Firefox 3.5.5 and IE 6.

[b:36eb1dla]Bugs with Firefox:[/b:36eb1dla]
1) Second level menu a bit to high
2) unselected it is grey instead of green
3) There is a bar on the right side. I wonder why?

[b:36eb1dla]Bugs with IE:[/b:36eb1dla]
1) Selected and unselected second level items have the same background.
2) The same bar is on the right side.

That’s all the information I can provide. I know next to nothing about CSS.

[imported_Ryan]

Your problems are most likely caused by CSS in the following tag over-riding the menu CSS.

[code:1ep499yj]<div id="mainMenueArea"> [/code:1ep499yj]

Perhaps try removing that and it’s corresponding closing tag, or removing any styling which may be causing problems and see if that helps fix it.

[fragenbaer]

Thanks, that helped!

But now I encountered a new problem. Some of my 2nd level entries seem to be to long. I encountered this bug in Firefox and Opera, but not in IE: See screenshot.

[imported_Ryan]

You don’t seem to have the pixopoint_menu() function implemented in your theme.

[Author]

Posts