text link not visible for level-1

added a drop down (BRUNCH) to an existing menu and used menu writer to rewrite the menu.
adjusted some on the css but the text link for the drop down is not showing either initially nor on hover.
menu.php

<?php

$WA_menuDir = getcwd();

chdir(dirname(__FILE__));

require_once("../../webassist/framework/library.php");

require_once("../../webassist/framework/framework.php");

chdir($WA_menuDir);

$WA_Menu = new WA_Include(__FILE__);

?>

<ul class="level-0" id="cssmw0">

<li><a href="../../index.php">Home</a></li>

<li class="parent"><a href="../../menu.php">Menu</a>

<ul class="level-1">

<li><a href="../../brunch.php">Brunch</a></li>

</ul>

</li>

<li><a href="../../contact-us.php">Contact Us</a></li>

<li><a href="../../map.php">Location</a></li>

</ul>



<script type="text/javascript">if(window.attachEvent) { window.attachEvent("onload", function() { cssmw0.intializeMenu('cssmw0',{select_current: 0, orientation: 1}); }); } else if(window.addEventListener) { window.addEventListener("load", function() { cssmw0.intializeMenu('cssmw0',{select_current: 0, orientation: 1}); }, true); }</script>

<?php

$WA_Menu->Initialize(true);

echo($WA_Menu->Body);

?>

CSS
[CSS]
ul#cssmw0 {
cursor: default;
list-style-type: none;
margin: 0 auto 0 2%;
padding: 0 0 0 0;
min-width:950px;
}
ul#cssmw0 ul {
cursor: default;
font-size: 0;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
ul#cssmw0 ul li {
background-image: none;
float: none;
}
ul#cssmw0 li {
background-image: none;
float: left;
padding: 0 0 0 0;
position: relative;
white-space: nowrap;
z-index: 100;
margin:0 auto 0 1%;
}
ul#cssmw0 li ul {
display: none;
top: 0;
}
ul#cssmw0 li:hover > ul {
display: block;
position: absolute;
}

ul#cssmw0 li.hover > ul {
display: block;
position: absolute;
}

ul#cssmw0 li.current > ul {
position: absolute;
}
ul#cssmw0 > li {
background-image: none;
}
ul#cssmw0 > li > a, ul#cssmw0 > li > a:link {
background-image: url("../cssmw0_images/menu_bg.png");
background-repeat: no-repeat;
color: #fff;
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 120%;
font-style: normal;
font-weight: normal;
height: 20px;
line-height: 20px;
margin: 0 0 0 0;
padding: 9px 6px 10px 35px;
text-align: left;
text-decoration: none;
text-transform:uppercase;
width: 186px;
outline-style: none;
letter-spacing:2px;
}
ul#cssmw0 > li:hover > a, ul#cssmw0 > li:hover > a:link {
background-image: url("../cssmw0_images/menu_bg_sel.png");
background-repeat: no-repeat;
color: #56340F;
outline-style: none;
}

ul#cssmw0 > li.hover > a, ul#cssmw0 > li.hover > a:link {
background-image: url("../cssmw0_images/menu_bg_sel.png");
background-repeat: no-repeat;
color: #56340F;
outline-style: none;
}

ul#cssmw0 > li.current > a.current, ul#cssmw0 > li.current > a.current:link {
background-image: url("../cssmw0_images/menu_bg_sel.png");
background-repeat: no-repeat;
color: #56340F;
outline-style: none;
}
ul#cssmw0 ul.level-1 {
left: 0px;
top: 100%;
}
ul#cssmw0 ul.level-1 > li {
background-image: none;
}
ul#cssmw0 ul.level-1 > li > a, ul#cssmw0 ul.level-1 > li > a:link {
background-image: url("../cssmw0_images/menu_bg.png");
background-repeat: no-repeat;
color: #FFF;
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 120%;
font-style: normal;
font-weight: normal;
height: 20px;
line-height: 20px;
margin: 0 0 0 0;
padding: 9px 6px 10px 35px;
text-align: left;
text-decoration: none;
text-transform:uppercase;
width: 186px;
outline-style: none;
letter-spacing:2px;
}
ul#cssmw0 ul.level-1 > li:hover > a, ul#cssmw0 ul.level-1 > li:hover > a:link {
background-image: url("../cssmw0_images/menu_bg_sel.png");
background-repeat: no-repeat;
color: #56340F;
outline-style: none;
}

ul#cssmw0 ul.level-1 > li.hover > a, ul#cssmw0 ul.level-1 > li.hover > a:link {
background-image: url("../cssmw0_images/menu_bg_sel.png");
background-repeat: no-repeat;
color: #56340F;
outline-style: none;
}

ul#cssmw0 ul.level-1 > li.current > a.current, ul#cssmw0 ul.level-1 > li.current > a.current:link {
background-image: url("../cssmw0_images/menu_bg_sel.png");
background-repeat: no-repeat;
color: #56340F;
outline-style: none;
}
[/CSS]

URL
www.southpawgrill.com

Once you add a new level, menu writer should generate new css to account for it. Open up menu writer and make sure the new level was added properly in menu writer. You may have to open the menu design interface to force it to update the css as well. Then apply and re-upload the newly generated css file.

Ray,

I did that and it created the css shown above. I modified it some for larger font, etc.
Today, I went to a new page and was using menuwriter to try a new menu and I get the error show in the attached screen shot. Not sure what that means and if it affected the new menu?

The problem of the text not showing on a drop down was caused by a change that i made to css
ul#cssmw0 > li > a, ul#cssmw0 > li > a:link {
background-image: url("../cssmw0_images/menu_bg.png");
background-repeat: no-repeat;
color: #fff;
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 120%;
font-style: normal;
font-weight: normal;
height: 20px;
line-height: 20px;
margin: 0 0 0 0;
padding: 9px 6px 10px 35px;
text-align: left;
text-decoration: none;
text-transform:uppercase;
width: 186px;
outline-style: none;
letter-spacing:2px;
}

fixed the problem by changing font-size to 17px.

Still don't know what is triggering the error shown in the screen shot?

I'll try to look into the error when I get back into the office next week. Thanks for bringing it to my attention.