Te dejo un ejemplo que acabo de hacer:
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>.:::MENÚ::.</title>
<style>
<!--
body {
text-align: center;
font-family: Arial Black, sans-serif;
}
a {
text-decoration: none;
color: Green;
}
a:hover {
text-decoration: none;
color: Lime;
-->
</style>
</head>
<body>
<table border="1px" cellspacing="0" cellpadding="0">
<tr>
<td background="http://img172.echo.cx/img172/3576/boton7ti.jpg" height="31px" width="88px"><a rel="nofollow" href="www.trucoswindows.net">HOME</a></td>
<td background="http://img172.echo.cx/img172/3576/boton7ti.jpg" height="31px" width="88px"><a rel="nofollow" href="www.trucoswindows.net/foro/index.php">FOROS</a></td>
<td background="http://img172.echo.cx/img172/3576/boton7ti.jpg" height="31px" width="88px"><a rel="nofollow" href="www.trucoswindows.net/foro/help.html">AYUDA</a></a></td>
</tr>
</table>
</body>
</html>
Copia todo el código al bloc de notas y guardalo con extensión *.html
Como puedes observar yo ocupe una tabla para hacer ese menú y lo único que hice fue colocar la imagen que queria como background:
HTML
<td background="http://img172.echo.cx/img172/3576/boton7ti.jpg"
agregarle las medidas de la imagen para que la celda tome ese tamaño:
HTML
<td background="http://img172.echo.cx/img172/3576/boton7ti.jpg" height="31px" width="88px">
colocar el texto que deseaba como link:
HTML
td background="http://img172.echo.cx/img172/3576/boton7ti.jpg" height="31px" width="88px"><a rel="nofollow" href="www.trucoswindows.net">HOME</a></td>
y asi logre obtener la letra encima de la imagen
Saludos