новая строка

Это это мой css:

    #ranks li {
    background: url(/img.png) no-repeat top left;
}
#ranks .sprite-admin{ background-position: 0 0; width: 157px; height: 44px; } 
#ranks .sprite-banned{ background-position: -207px 0; width: 157px; height: 44px; } 

и это html:

<ul id="ranks"><li class="sprite-admin"></li></ul>

Все работает хорошо, пока есть только один из

, но если их несколько, он будет создайте новую строку и «сложите» их.. можно ли сделать так, чтобы они не складывались, а просто шли слева направо? Спасибо

РЕДАКТИРОВАТЬ:

Демо: /removed/