Mam pewien problem, ktory nie wiem jak w najprostszy sposob rozwiazac.

Otoz potrzebuje zrobic menu horyzontalne na ul/li ktore bedzie posiadalo po lewej i po prawej stronie (od srodka) linki.

Wygladalo by to mniej wiecej tak:


Zrobilem to po swojemu w ten sposob:

[HTML] pobierz, plaintext 
<div id="mainMenu">
	<ul>
		<li>
			<a href="/EAP/Default.aspx" accesskey="s">
				Strona startowa
			</a>
		</li>
		<li>
			<a href="/EAP/Zamowienia.aspx" accesskey="z" >
				Zamówienia
			</a>
		</li>
		<li>
			<a href="/EAP/Administracja.aspx" accesskey="a"  class="rightAligned">
				Administracja
			</a>
		</li>
	</ul>
</div>
[HTML] pobierz, plaintext 

CSS:


Co prawda nie ma tutaj podanego calego CSSa ale interesuje mnie tylko ta czesc.

Problem z nia jest taki, ze co prawda element po prawej stronie wyswietla sie ale jest polozony o kilka pixeli (1-3px w zaleznosci od FF/IE) nizej niz poczatek lewej strony.

Pod FF wyglada to tak:



Ma ktos na to jakies rozwiwazanie bez wprowadzania hackow i wlasciwosci dla roznych przegladarek?

http://css.maxdesign.com.au/listamatic/horizontal20.htm

tylko to znalazłem... oby się przydało

Wielkie dzieki!

Rowniez szukalem tego w sieci ale juz stracilem nadzieje na _proste_ rozwiazanie.

Jeszcze raz dzieki


---- Edit:

Troche sie pospieszylem bo widze, ze pod IE i FF jest nieco inna wysokosc glownej belki.
Ale poradze sobie z tym w inny sposob

Mam jeszcze pytanie dotyczace tego kodu.
Wczesniej tez uzywalem float: right i dawalem elementy, ktore maja byc po prawej stronie na poczatku, ale czy nie mozna po prostu ustawic ostatnie elementy listy na prawo, tak aby nie byly pod menu albo, tak jak podalem wyzej, kilka pixeli pod menu? :/