Thought I could do it, but alas, I need some assistance

<ul id="menu">
     [+wf.wrapper+]
</ul>

<li class="sub"><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a>
    [+wf.wrapper+]
</li>

<li><a href="[+wf.link+]">[+wf.linktext+]</a></li>

<li class[+wf.classes+]><a href="[+wf.link+]">[+wf.linktext+]</a>
    <ul>
    [+wf.wrapper+]
   </ul>
</li>

<link rel="stylesheet" media="all" type="text/css" href="[(base_url)]assets/templates/bee/css/nav.css" />

<script src="assets/templates/bee/js/iefix.js" type="text/javascript"></script>

[!Wayfinder? &startId=`0` &level=`3` &parentRowTpl=`parentrow` &outerTpl=`outer` &innerTpl=`inner` &rowTpl=`row` &cssTpl=`css` &jsTpl=`js`!]

#menu {
list-style-type:none; 
padding:0; 
margin:-25px -4px 0 0;
float:right;
z-index:1000;
position:relative;
width:700px;
}

#menu ul {
list-style-type:none; 
padding:0; 
margin:0;
}

#menu li {
float:left; 
background:#fdd600; 
margin:0px 3px 0 0; 
position:relative;
}
#menu li.sub {
background:#fdd600;
}

/* for IE5.5 and IE6 only */
#menu table {
border-collapse:collapse;
position:absolute;
top:0;
left:0;
z-index:80;
font-size:1em;
}

#menu li a {
display:block; 
color:#000; 
height:25px; 
font-family:arial, sans-serif; 
font-size:14px; 
line-height:24px; 
width:220px; 
text-decoration:none; 
text-align:left;
padding-left:10px;

}

#menu :hover {
color:#ee0; 
background:#988;
}

#menu :hover > a {
color:#ccc; 
background:#333;
}

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {
position:absolute; 
left:-9999px; 
width:128px;
}

#menu :hover ul{
left:0;
top:25px; 
background:url(transparent.gif);
} /* the background image is for IE7 */

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {
padding:0 3px; 
left:125px; 
top:-3px;
}

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left {
padding:0 3px; 
left:-131px; 
top:-3px;
}