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.