[HTML][CSS] Nawigacja "nie standardowa" Opcje

[Ramzaa]

Siedzę już nad tym dobre 2h i nadal nic nie wykombinowałem. Najgorsze jest to, że jest to prosta sprawa, jednak komletnie wyleciało mi to z głowy - dlatego zwracam się do was.

Próbuję zrobić taką nawigację:

(IMG:http://img193.imageshack.us/img193/5568/beztytuudo.png)

Czyli po najechaniu muszką na jakieś menu w nawigacji, chcę żeby zmienił się kolor, a w zasadzie całe menu na inny kolor. Dla przykładu powiedzmy, że najeżdżam na "stronę główną" w nawigacji, a ten przycisk zmienia się na inny kolor.

Tak wygląda przykładowy przycisk, a obok drugi (:hover):

(IMG:http://img242.imageshack.us/img242/5702/navigatino.png) (IMG:http://img208.imageshack.us/img208/4422/navigatino2.png)

W zasadzie to nie zrobiłem nic, bo zapomniałem jak to się robi (IMG:style_emoticons/default/sadsmiley02.gif)
Prosiłbym o jakieś wskazówki, albo najlepiej gotoffca, bo dużo roboty z tym nie ma (IMG:style_emoticons/default/aaevil.gif)

Oczywiście będzie nagroda za pomoc, pozdrawiam.

[Ramzaa]

askone, niestety ale to już wiedziałem tysiące lat temu, tylko że nie w tym problem (IMG:style_emoticons/default/dry.gif)

zrobiłem coś takiego:

[HTML] pobierz, plaintext 
.navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
 
	.nav-register {
		background-image: url(images/nav-register.png);
		height: 61px;
		width: 125px;
	}
 
	.nav-register:hover {
		background-image: url(images/nav-register-active.png);
	}
[HTML] pobierz, plaintext 

No i działa, no bo musi i to normalna sprawa. Problem pojawia się gdy dam drugi obrazek do nawigacji, czyli powiedzmy, że kod html strony głównej wygląda tak:

[HTML] pobierz, plaintext 
<ul class="navigation">
	<li class="nav-register"><a href="#">Rejestracja</a></li>
	<li class="nav-rules"><a href="#">Regulamin</a></li>
</ul>
[HTML] pobierz, plaintext 

I zamiast mieć obok drugi obrazek, to pojawia mi się on pod tym poprzednim. Co dziwne, display:inline nic nie pomaga, a przecież powinno (?).

Czekam na dalsze wskazówki.