I have an image 78x26 px that i want to use as buttons for my navigation bar.
What would be the most suitable way of doing this? 

I want the image to keep its original size at the moment it doesnt

```
#navbar li {
    background-image:url("../images/btns.png");
}

```

Im aware that i can do something like this but then again how do i place the text over the images

```
<li><a href="#"><img src="images/btns.png"></a></li>

```