Spry horizontal menu: vertical text align issue

hello all,

i have simple horizontal spry menu i'm working on. menu single level - no submenus. problem cannot text center vertically..it's @ top of each cell. have tried both 1.4 , 1.6 .js files.

i'm @ loss , sincerely appreciated.

thanks!

here code:

---------------------------- html ------------------------

<table width="950" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="30" valign="middle" background="../spryassets/menubarbg.jpg"><ul id="menubar1" class="menubarhorizontal">
<li><a href="home.php">home</a> </li>
<li><a href="facilities.php">facilities</a></li>
<li><a href="events.php">event schedule</a></li>
<li><a href="contacts.php">contacts</a> </li>
</ul>
</td>
</tr>
</table>
<script type="text/javascript">
<!--
var menubar1 = new spry.widget.menubar("menubar1", {imgdown:"sprymenubardownhover.gif", imgright:"spryassets/sprymenubarrighthover.gif"});
//-->
</script>

------------------------------------ css ------------------------------------------

@charset "utf-8";

/* sprymenubarhorizontal.css - revision: spry preview release 1.4 */


/*******************************************************************************

spry css compatible ie6, ie7, firefox 2.0.0.6, opera 9.21, safari 1 beta after modified.

*******************************************************************************/


ul.menubarhorizontal {
width: auto;
cursor: default;
list-style-type: none;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
padding: 0px;
margin: 0px;
height: 30px;
}
ul.menubaractive {
z-index: 1000;
}
ul.menubarhorizontal li {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
font-size: 100%;
float: left;
margin: 0px;
width: auto;
cursor: pointer;
list-style-type: none;
position: relative;
text-align: auto;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
ul.menubarhorizontal ul {
z-index: 1020;
left: -1000em;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
margin: 0px;
width: 180px;
cursor: default;
list-style-type: none;
position: absolute;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
ul.menubarhorizontal ul.menubarsubmenuvisible {
left: auto;
}
ul.menubarhorizontal ul li {
width: 180px;
}
ul.menubarhorizontal ul ul {
margin: 0px 0px 0px 0px;
position: absolute;
}
ul.menubarhorizontal ul.menubarsubmenuvisible ul.menubarsubmenuvisible {
left: auto;
top: 0px;
}
ul.menubarhorizontal ul {

}

/* menu link text containers */

ul.menubarhorizontal a:link, ul.menubarhorizontal a:visited, ul.menubarhorizontal a:active {
width: auto;
display: block;
cursor: pointer;
color: #ffffff;
text-decoration: none;
background-repeat: repeat-x;
background-image: url(menubarbg.jpg);
height: 30px;
text-align: center;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding-right: 10px;
padding-left: 10px;
border-right-width: 2px;
border-right-color: #ffc3c6;
border-right-style: groove;

}
ul.menubarhorizontal a:hover {
color: #fff;
background-repeat: repeat-x;
background-image: url(menubarbghover.jpg);
}
ul.menubarhorizontal a:focus {
color: #fff;
background-image: url(menubarbg.jpg);
}
ul.menubarhorizontal a.menubaritemhover {
color: #fff;
}
ul.menubarhorizontal a.menubarsubmenuvisible {
color: #fff;
width: auto;
}
ul.menubarhorizontal a.menubaritemsubmenu {
width: auto;
background-image: url(menubarsep.jpg);
padding-top: 0.7em;
padding-bottom: 0.7em;
padding-left: 1em;
padding-right: 1em;
background-position: right top;
background-repeat: no-repeat;
}
ul.menubarhorizontal a.menubaritemsubmenuhover {
color: #fff;
width: auto;
margin: 0px;
background-image: url(menubarbg.jpg);
background-repeat: repeat-x;
background-position: left top;
background-color: #666666;
}
/* sub-sub menu */
ul.menubarhorizontal ul a.menubaritemsubmenu {
width: auto;
}
ul.menubarhorizontal a.menubaritemsubmenuhover {
width: auto;
}
ul.menubarhorizontal ul a.menubaritemsubmenuhover {
width: auto;
}
ul.menubarhorizontal iframe {
z-index: 1010;
position: absolute;
}


@media screen, projection
{
ul.menubarhorizontal li.menubaritemie {
display: inline;
float: left;
}

}
ul.menubarhorizontal a.menubaritemsubmenu-sports {
background-image: url(../images/bg-subnav-motorsports.gif);
background-repeat: no-repeat;
padding-top: 0.6em;
padding-bottom: 0.7em;
padding-left: 10px;
padding-right: 10px;
background-position: left top;
text-transform: uppercase;
width: 110px;
text-align: center;
font-size: 12px;
}
ul.menubarhorizontal a.menubaritemsubmenu4 {
padding-top: 0.6em;
padding-bottom: 0.7em;
padding-left: 1em;
padding-right: 1em;
background-color: #c5171e;
font-size: 12px;
font-weight: normal;
}
ul.menubarhorizontal a.menubaritemsubmenu4:hover {
background-color: #630c0f;
}
ul.menubarhorizontal #current {
background-color: #630c0f;
}

More discussions in Dreamweaver extensions

adobe