Witam!

Mam taki mały problem.
Mam menu które dopasowuje się do szerokości ekranu i każdy napis menu np. "Strona Główna", "Rejestracja"... chciałbym aby był od siebie równo w oddali od siebie, tak jakby to zrobić tabelką np.:



Chodzi mi właśnie o osiągnięcie takiego właśnie efektu, aby każdy przycisk menu był oddalony od siebie względem szerokości monitora.
Lecz nie chodzi mi właśnie o rozwiązanie tabelkowe a o coś w tym stylu:



Chodzi mi po prostu aby UL z LI czy tam OL dawało taki efekt jak rozwiązanie tabelkowe, w tym problem że nie wiem jak tego dokonać.
W gogle poszperałem trochę czasu, ale... nie wiem nawet jak nazwać mój problem, dlatego też w Google nic nie znalazłem.

Proszę o pomoc.
Pozdrawiam!

[CSS] pobierz, plaintext 
ul{width:100%}
ul li {width:33%;float:left}
[CSS] pobierz, plaintext 

Nie o to chodzi, bo przyciski w Menu będą dodawane i nie będzie ich dajmy na to 3 (to był przykład) chodzi o to aby samo się dopasowywało bez nadawania wartości że jedna komórka dajmy na to ma mieć 33% czy ileś.

Skorzystaj z display: table[-row|-cell] dla elementów UL/LI/A. Uzyskasz w ten sposób dokładnie takie samo zachowanie jak w przypadku tabel.

No właśnie to nic nie daje :/ dlatego napisałem ten temat:



zachowanie UL i LI wgl. się nie zmienia..

@EDIT: no i jeszcze width: 100%; jak dopisuję też nic nie drgnie.

http://quirksmode.org/css/css2/display.html#table

#edit http://jsfiddle.net/wpeZ4/

@UP. Dziękuję za link.
Okazuje się że od samego początku brakowało mi jednej wartości:

W elemencie głównym.