hmmm i think i've sussed it...
i've removed the <li> from class.frontend.php
if (!isset($wb->menu_item_template)) {
$wb->menu_item_template = '<span[class]>[a][menu_title][/a]</span>';
}
if (!isset($wb->menu_item_footer)) {
$wb->menu_item_footer = '';
}
if (!isset($wb->menu_header)) {
$wb->menu_header = '<ul>';
and wrapped the submenu in a div..
<div id="navcontainer"><?php show_menu(1,1,-1); ?></div>
the used the following code i piched from somewhere else on this site...
#navcontainer {background-color: #000000;border-color: #000000;
border-style: solid;
border-width: 2px 2px 1px 0px;margin-left: 0px; }
#navcontainer ul <---This is the first, or parent item formating.
{
line-height: 9pt;
margin: 0;
padding: 0;
list-style-type: none;
font-size: 9pt;
font-family: arial, Helvetica, sans-serif;
}
#navcontainer li { margin: 0 0 1px 0; }
#navcontainer a
{
display: block;
padding: 8px 10px;
color: #fff;
background-color: #036;
text-decoration: none;
}
#navcontainer a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}
#navcontainer ul ul li { <---This is the child, or 2nd level item NOTICE TWO 'ul'.
list-style-type: none;
margin: 0;
padding: 0; }
#navcontainer ul ul a
{
display: block;
padding: 8px 8px 8px 20px;
color: #fff;
background-color: #369;
text-decoration: none;
}
#navcontainer ul ul a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}
it seems to work okay, but is this the best way?