Problem z sIFR-em

Witam!

Stworzyłem sobie boks z kategoriami. Każda kategoria ma jest w

, gdzie w CSS-ie jest obrazek do . Później mam i po tym tekst, który jest generowany przez sIFR-a. Wszystko ładnie działa, tylko problem jest z hoverem. , czyli obrazek kategorii ma hover i tekst generowany przez sIFR-a też ma hover. Oba hovery działają tylko chcę aby po najechaniu już na boks z kategorią zmieniały się oba hovery. Hover tekstu zmienia się dopiero po najechaniu na tekst, a chce aby zmieniał się po najechaniu na obrazek.

Da się coś takiego zrobić?

Kod sIFR-a:

sIFR.replace(neosans2, {

  selector: '.kategorie li',

  css: [

    '.sIFR-root { transparent: true; color: #41280f; font-size: 13px}',

	'a { transparent: true; text-decoration: none; color: #41280f }',

	'a:link { transparent: true; color: #41280f }',

	'a:hover { transparent: true; color: #ffffff }'	

	]	

	, wmode: 'transparent'

});

Kod w CSSie:

.kategorie {

	width: 231px;

	float: left;

	margin: 0px 62px 20px 0;

    list-style-type: none;

	margin: 4px 40px 0 25px;

}



.kategorie li {

	background: url("images/catBg.png") no-repeat;

	width: 231px;

	height: 57px;

	background-position: 0px 0px;

	text-decoration: none;

    list-style-type: none;

	margin: 4px 40px 0 25px;

    display: block;

}


.kategorie li:hover {

	background-position: -231px -0px;

}

i kod kategorii w HTML-u:

Z góry dzięki za pomoc! :slight_smile:

Pozdrawiam,

nesko.

nesko13 , proszę zapoznaj się z tą stroną oraz tym tematem, a następnie popraw tytuł tematu, używając przycisku ac7a4cd89050aa6e.gif