[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ć?

[slashynsky]

Nie wiem czy dobrze zajarzyłem, ale:

[HTML] pobierz, plaintext 
ul {
	display: table;
}
ul li {
	display: table-cell;
}	
[HTML] pobierz, plaintext 

[Beniooo]

Ja bym to załatwił:

Kod

min-width:100%;

[Lirdoner]

Działa tylko teraz nie pokazuje paska do przewijania dla elementu tylko dla całej strony

[slash^]

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