Hey any help would be appreciated. I am fairly new to the css navigation menus.
I have made two which work fine but only have one drop down item.
Also please not this code is not formatted for style or design atm I will work on this after i know it works as i had all this done and found it did not and after much trying scraped the css and grabbed some from suckerfish.
But what the problem is, is i have 11 standard list items which are always displayed. Three of these have dropdown lists. Although only the first one is working. The suckerfish (not 'styled') code is as follows;
#suckerfishnav {background:#000033 url("../multi-level-navigation-plugin/images/suckerfish_red.png") repeat-x;font-size:18px;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:#FFFF33;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:18px;color:#FFFF33;} #suckerfishnav li ul ul {margin:-27px 0 0 100px;} #suckerfishnav li li:hover {background:#9966FF;} #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:#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:#FFFF33;} #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:#996699;} #suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#0000FF;}