WN - <li>-meny med olika bakgrunder

Hej!
Jag försöker skapa en horisontell meny med id´s för varje knapp.
Jag vill kunna ge varje specifikt id en egen bakgrundsbild men får inte till det.
För att bakgrunden(som består av länktext+gradient) ska visas måste det finnas tecken inom[*]-taggarna,
dvs listan lyssnar inte på min css med bredd och höjd.
Hur går jag tillväga för att lösa detta?

Tacksam för en hjälpande hand.

Kod:

<ul class="meny1">

        <li id="ettan"></li>

        <li id="tvaan"></li>

        <li id="trean"></li>

        <li id="fyran"></li>

</ul>

Kod:

.meny1 li#ettan {

        background: url(../gfx/bild1.jpg) no-repeat top center;

        width: 215px;

        height: 41px;

}



.meny1 li#tvaan{

        background: url(../gfx/bild2.jpg) no-repeat top center;

        width: 215px;

        height: 41px;

}