Mozna to osiagnąć bardzo prostą metodą css z przesunieciem pozycji tla pod elementem, grafika jest juz zaladowana bez java script'u
Jesli div ma np. rozmiary 200px na 200px to tlo dla niego musi byc 2 razy szersze lub dluzsze czyli np. 200px na 400px oto przykladowy kod:
div {
width: 200px;
height: 200px;
background-image: url('tutaj_sciezka_do_podwojnego_tla');
backgroung-position: 0px 0px;
}
to teraz 'najechany' myszka div bedzie miec tak:
div:hover {
background-position: 0px 200px;
}
dziala we wszystkich nowych przegladarkach chyba od IE 7 wzwyz, bo 6 nie rozumie pseudoklasy :hover dla innych elementow niz 'a', ale mozna to obejsc robiac w tym przykladowym divie link a ze stylem display:block i rozmiarami takimi jak ten div i wtedy dla a:hover dac tlo najechane.
tutaj masz lepiej wyjasniony przyklad:
http://webmade.org/porady/rollover-css-tlo-menu.phpa znacznik [XML] w Twoim temacie nie ma kompletnie nic wspolnego z problemem.