[CSS]Elementy obok siebie, i overflow Opcje

[Lirdoner]

Witam, chcę zrobić <ul> na całą szerokość ekranu i dla niego dać mu overflow abym mógł przesuwać paskiem poziomo jeżeli będzie za dużo elementów <li>
no i mam tak:

[CSS] pobierz, plaintext 
ul {
    list-style-type: none;
    display: inline-block;
    margin: 0;padding:0;
    width: 100%;
    overflow: auto;
}
ul li {
    display: inline-block;
}
[CSS] pobierz, plaintext 

Niestety jak będzie za dużo elementów <li> to ustawiają się one pod spodem a nie obok siebie. Jak sobie z tym poradzić?

[slash^]

Wpakuj <ul> do div i np. javascriptem ustaw mu szerokość.