Hola amigo, as pruebas apartie de este codigo:
Código:
<ul>
<li><a href="#">enlace 1</a></li>
<li><a href="#">enlace 2</a></li>
</ul>
css
ul {
margin: 0px;
padding: 0px;
list-style: none;
}
li {
display: inline;
float: left;
}
li a {
display: block;
border-style: none;
background: #009933 url(tu ruta/tu imagen.png);
outline: 0;
height: de tu imagenpx;
width: de tu imagenpx;
text-align: center;
color: #FFFFFF;
}