My dropdown looks not right

[haya]

– [b:1d36rhua]Are you using one of our WordPress plugins? If so, which one?[/b:1d36rhua]

Yes I do. It’s PixoPoint Multi-level Navigation Plugin.

– [b:1d36rhua]Where is your CSS? (don’t paste it, just post a link to it)[/b:1d36rhua]

That doesn’t matter, since the plugin is making it.
It looks like this: http://nopaste.info/bfb25b2d55.html

– [b:1d36rhua]What modifications have you made to the CSS?[/b:1d36rhua]

I’m not sure anymore. I just killed some colors from the standard to let it looks like I want.

– [b:1d36rhua]What browsers are you having problems with?[/b:1d36rhua]

FF, Safari, IE, Opera and Crome

– [b:1d36rhua]What is the URL for your site?[/b:1d36rhua]

http://www.battle-blog.de[/url:1d36rhua%5D

Well if you check the dropdown menu, you’ll see the problem. Thanks!
http://image-collector.de/img/1279483233-dropdown.PNG

[imported_Ryan]

You have nested the menu inside an unordered list, but not inside an actual list item which is invalid:
[code:39dq1tep]<ul id="pagemenu">
<?php pixopoint_menu(); ?>
<[/ul>
[/code:39dq1tep]

Perhaps try removing the UL tags and see if that helps:
[code:39dq1tep]<?php pixopoint_menu(); ?>
[/code:39dq1tep]

[haya]

&quot;Ryan&quot; wrote:

You have nested the menu inside an unordered list, but not inside an actual list item which is invalid:
[code:1lrsfc0b]<ul id="pagemenu">
<?php pixopoint_menu(); ?>
<[/ul>
[/code:1lrsfc0b]

Perhaps try removing the UL tags and see if that helps:
[code:1lrsfc0b]<?php pixopoint_menu(); ?>
[/code:1lrsfc0b]

Thank you! Problem is solved.  ” title=”Grin” />

[haya]

Can someone check if I got some errors in the nav? Thanks!

[code:2yyjtm4o]#suckerfishnav {
    background:# repeat-x;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 9px 16px;
    text-decoration: none;
    font-weight:bold;
    text-transform: uppercase;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    border:1px solid #;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#dddddd;
    text-decoration:none;
    padding:0px 10px;
    background: url(/wp-content/themes/Battle-Blog_v2/images/nav-background-hover.png) top left repeat-x;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -border-radius: 3px;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -border-radius: 3px;
    }
#suckerfishnav li li {
    width:149px;
    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:8px 10px;
    width:130px;
    font-size:10px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    margin:-29px 0 0 150px;
    }
#suckerfishnav li li:hover {
    background:#501350;
    }
#suckerfishnav ul li a:hover, #suckerfishnav ul li:hover a, #suckerfishnav ul li:hover a, #suckerfishnav ul li:hover a {
    color:#fff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#dddddd;
    }
#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:#dddddd;
    }
#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: rgba(0, 0, 0, 0.7);
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#501350;
    }
#suckerfishnav .current_page_parent, #suckerfishnav .current_page_ancestor, #suckerfishnav .current-cat-parent {
    background:#501350;
    }
#suckerfishnav .current-cat, #suckerfishnav .current_page_item {
    background:#501350;
    }
#suckerfishnav .current_page_ancestor a:after, #suckerfishnav .current_page_ancestor li a:after, #suckerfishnav .current_page_ancestor li li a:after, #suckerfishnav .current_page_ancestor li li li a:after, #suckerfishnav .current_page_ancestor li li li li a:after, #suckerfishnav .current-cat-parent a:after, #suckerfishnav .current-cat-parent li a:after, #suckerfishnav .current-cat-parent li li a:after, #suckerfishnav .current-cat-parent li li li a:after, #suckerfishnav .current-cat-parent li li li li a:after, #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_ancestor a:after, #suckerfishnav li .current_page_ancestor a:after, #suckerfishnav li li .current_page_ancestor a:after, #suckerfishnav li li li .current_page_ancestor a:after, #suckerfishnav .current-cat-parent a:after, #suckerfishnav li .current-cat-parent a:after, #suckerfishnav li li .current-cat-parent a:after, #suckerfishnav li li li .current-cat-parent a:after, #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:#fff;
    content:"";
    }
#suckerfishnav .current-cat a:after, #suckerfishnav li .current-cat a:after, #suckerfishnav li li .current-cat a:after, #suckerfishnav li li li .current-cat a:after, #suckerfishnav li li li li .current-cat a:after, #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:#fff;
    content:"";
    }[/code:2yyjtm4o]

[imported_Ryan]

The W3C validator can be used to check for CSS errors … http://jigsaw.w3.org/css-validator/

[Author]

Posts