mouse over grafik ändern

[t.winter]

Mahlzeit
Ich würde gerne in meiner Kategorie-Box "aktive" menüs mit einer anderen hintergrund grafik belegen
ebenfalls soll dort ein mouse over effekt entstehen

momentan sieht es in meiner stylesheet folgendermaßen aus:

/* CATEGORY MENU */
h2.categoryheader {background-color:#FFFFFF; background-image:url(../img/bg_boxheader.jpg);height:28px;font-size:11px;color:#000; padding:2px 8px 0px 8px; margin:0; line-height:28px; vertical-align:middle; text-align: center;}
h2.categoryheader a {text-decoration:none; color:#000000; text-align:center;}
ul#categorymenu .active, ul#categorymenu .active a {font-weight:900; color: #000; padding:4px 0px 4px 12px;}
ul#categorymenu { list-style-type:none; }
ul#categorymenu li { list-style-type:none; border: solid #fff; border-width:0px 0px 0px 0px;}
ul#categorymenu li a{ text-decoration:none; color:#000;}



ul#categorymenu {margin-bottom:15px; border: solid #502; border-width:0px 0px 0px 0px; }
/* 1st TIER */ ul#categorymenu li.level1 { background-image:url(../img/categorie_bg.gif) ; padding:4px 0px 4px 6px; font-size: 1.0em;}
/* 2nd TIER */ ul#categorymenu li.level2 { background-image:url(../img/categorie_bg.gif) ; padding:4px 0px 4px 24px; font-size: 0.9em;}
/* 3rd TIER */ ul#categorymenu li.level3 { background-image:url(../img/categorie_bg.gif) ; padding:4px 0px 4px 40px; font-size: 0.8em;}

ich habe schon einiges ausprobiert doch so ganz hingehauen hat es nicht wo genau müsste ich
a:hover {background-image: url("categorie_mouseover.gif");}
und wo die grafik fürs aktive menü einfügen?

mfG
T.winter