Witam wszystkich forumowiczów.
Mój pierwszy post dotyczy nastepującego problemu.

Napisałem następujący kod

[HTML] pobierz, plaintext 
$("#menu_element").mouseover(function() {
	$(this).stop(true,false).animate({ backgroundColor: "#999999", color: "#000000"}, 500);
});	
 
$("#menu_element").mouseleave(function() {
	$(this).stop(true,false).animate({ backgroundColor: "#000000", color: "#cccccc" }, 200);
});
[HTML] pobierz, plaintext 

który jak widzicie powoduje płynne podświetlanie elementów menu. Kod działa poprawnie ale problem polega na tym, że bezpośrednio po
"załadowaniu" strony (kiedy pierwszy raz najadę kursorem myszy na element menu) kod się nie wykonuje (tak jakby nie istniał). Dopiero ponowne najechanie kursorem
na dany element menu powoduje poprawne podświetlenie lub wygaszenie tego elementu. Problem dotyczy wszystkich elementów menu (jeśli jest ich 20 to muszę na każdy z osobna najechać myszą aby ściemnianie i rozjaśnianie zadziałało poprawnie).
Czy ktoś z Was ma pomysł co może być przyczyną tego problemu? Jeśli tak to proszę o jakieś wskazówki bo ja jQuery używam dopiero od 2 dni.

1.
Jak może być 20 skoro używasz #(id), a id jest unikalne. Jeśli już to użyj .(klasy)
2. Jak możesz to w przyszłości dodawaj jakiś kod HTML - teraz sam musiałem pisać, żeby zrobić odpowiednie testy
3. http://jsfiddle.net/KVK8Y/ - tu działa, więc błąd musi być gdzieś indziej - zobacz, że żeby animować kolory potrzebujesz pluginu
4. Daj link do demo, żebyśmy mogli sprawdzić co zrobiłeś nie tak
5. Na pewno DOM za pierwszym razem jest załadowany? - http://api.jquery.com/ready/

Tak z id dałem ciała, że aż mi głupio ale nie w tym tkwił problem.
Problem rozwiązałem, a polegał on na tym, że nie wyczyściłem w CSS pozostałości po wcześniejszych testch i do klasy,
która była przypisana do przycisknu, miałem określone HOVER, które powodowało zmianę tła na czarne.
Tak to jest jak się testuje coś na pałę.
Dzięki za pomoc.
Pozdrawiam