On Mouseover Catregory

Hi ich möchte folgendes bei den Catregorys mit CSS hinbekommen.
Mit Tabellen ist das einfach aber mit CSS weiss ich es net :(

Also es soll um die Kategorie ein bereich geben ca. 5px. wenn man mit der Maus über diesen Bereich oder dem Category namen fährt soll sich die Hintergrundfarbe dieses Bereiches ändern.
Und nach jeder Category soll ein bereich von so 2px. mit ne anderen Farbe geben.

Hab das mit einigen CSS tricks probiert, aber keins von denen funktioniert.

So soll es ungefähr aussehen (mit Tabellen gemacht)

Zitat

<table width="190" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background-color:#93B7B7;" onmouseover="this.style.backgroundColor='#7A9494'" onmouseout="this.style.backgroundColor='#93B7B7'">Category 1</td>
</tr>
<tr>
<td height="2" bgcolor="#FFCC00">Leerzelle fürs aussehen</td>
</tr>
<tr>
<td style="background-color:#93B7B7;" onmouseover="this.style.backgroundColor='#7A9494'" onmouseout="this.style.backgroundColor='#93B7B7'">Category 2</td>
</tr>
<tr>
<td height="2" bgcolor="#FFCC00">Leerzelle fürs aussehen</td>
</tr>
</table>

Alles anzeigen

das soll in der sidebar.php an der stelle:

Zitat

<?php wp_list_pages('title_li=<h2>Pages</h2>' ); ?>

<li><h2>Categories</h2>
<ul><?php wp_list_cats('sort_column=id&hierarchical=0'); ?></ul>
</li>

Also an der stelle, an dem die Kategorien ausgegeben werden.

Danke schonmal im Voraus :)

*edit* hab gerade erst gesehen das ich im falschen Forum gepostet hab. Muss ja in Design. Tut mir leid bitte verschieben :)

Bis jetzt gibts ja keine andere antwort, also warte ich auf deins ;)

heheh gerade als ich am meckern war und mein Beitrag hoch schieben wollte ;)

WOW ein ganz großes Danke schön! Bin schon gespannt wie das aussieht!
Bei den Farben hab ich beim beispiel eifnach irgendwelche genommen ;)