Menu horyzontalne kazdy przycisk inny

Witam,

W jaki sposob stworzyc proste menu (na zasadzie <ul><li>) horyzontalne z tym ze kazdy przycisk musi miec inny obrazek jako tlo i jesli to mozliwe to inna szerokosc (wysokosc wszystkie maja ta sama)

Prosze o pomoc!

Wystarczy?:

<ul class="test">
<li></li>
<li></li>
<li></li>
</ul>

CSS:

.test li{
float:left;
height:20px;
}
.test li:nth-child(1) {
    background-image:url('obrazek.png');
    background-size:100%;
    width:100px;
}
.test li:nth-child(2) {
    background-image:url('obrazek2.png');
    background-size:100%;
    width:120px;
}
.test li:nth-child(3) {
    background-image:url('obrazek3.png');
    background-size:100%;
    width:80px;
}