Need help centering text vertically.

So, I'll get right to it; Here's my code

Code:
<nav>
<div id="navButtons">
<ul>
<li><my>One</my></li>
<li><my>Two</my></li>
<li><my>Three</my></li>
<li><my>Four</my></li>
<li><my>Five</my></li>
<li><my>Six</my></li>
</ul>
</div> <!-- navButtons -->
</nav>

Here's my CSS

Code:
li {
display: inline;
}

my {
color: #C60;
}

#navButtons {
background-image: url(Used/NavBG.png);
height: 61px;
}
The text is at the top of the div(I believe it the right term) and I need it centered on the background-image.

This is obviously for a nav-bar and I'm trying to make text-buttons that are going to have a hover image that stretches.