[css] menu na różnych poziomach Opcje

[szczurek]

Witam, mam taki problem, kolega grafik zrobił miejsce na menu w pozycji


(IMG:http://montostal.com.pl/niemczyk/grafika/top_right.gif)
jedna pozycja w stosunku do drugiej jest wyżej i to im dalej w prawo tym wyżej.

Nie mam pomysłu jak to rozwiązać, poza zronieniem każdego linka niezależnym i pozycjonowanie go, ale to nie jest najlepszy pomysł.

moje menu składa się z trzech pozycji i ma taką strukturę:

[HTML] pobierz, plaintext 
<div id="menu">
<ul class="menu">
<li class="menu pierwszy"><a href="#" title="">link</a></li>
<li class="menu drugi"><a href="#" title="">link2</a></li>
<li class="menu trzeci"><a href="#" title="">link3</a></li>
</ul></div>
[HTML] pobierz, plaintext 

najczęściej menu robię jako listę.

[szczurek]

Aktualnie mój problem polega na tym że
Tutaj w rozdzielczości 1024x768 wszystko wygląda dobrze(idealnie pozycję jeszcze ustawię). Jednak kiedy zaczynam zmniejszać stronę linki się nie przesuwają. nie mam pomysłu jak to rozwiązać żeby tak się działo chociaż do szerokości okna 800 px

plik css jest tutaj

Tak na żywo lepiej będzie widać o co mi chodzi.