[jQuery] before i elementy "LI" oraz "A" Opcje

[wujek2009]

Cześć.

Mam kod jQuery, który prezentuje się następująco:

[HTML] pobierz, plaintext 
$(document).ready(function() {
	$("#menu ul li a").hover(function() {
		if ( $("#menu ul li a").hasClass('first') )
			$(this).before().css('background', 'url(\'' + base_url + 'img/background.jpg\') top left no-repeat');
	}, function() {
		$(this).before().css('background', 'none');
	});
});
[HTML] pobierz, plaintext 

Problem polega na działaniu funkcji "before()" otóż nie cofa mnie do konkretnego elementu "li".
Background ustawia cały czas na element "a" - odnośnik. Dziwne jest to, że gdy zmienie z before() na next() to background nigdzie nie jest już dodawany.

Struktura kodu HTML:

[HTML] pobierz, plaintext 
<div id="menu">
 <ul>
     <li><a href="#" class="first">home</a></li>
    <li><a href="#">kontakt</a></li>
    <li><a href="#">kawały</a></li>
 </ul>
</div>
[HTML] pobierz, plaintext 

Co chce uzyskać? W tej chwili po najechaniu na element "li" robi się background dla elementu "a".
Jednak dla pierwszego elementu (z klasą "first") muszę dorobić drugi background, aby to wyglądało mniej więcej tak:

[HTML] pobierz, plaintext 
<li style="background: url('... background.jpg') top left no-repeat;"><a href="#" class="first" style="background: url('menu_hover.jpg');">home</a>
[HTML] pobierz, plaintext