"Linkdesign" in der Navigation

Ich habe das Template "Citrus 06" als Template für mein Projekt "motivhimmel.de" gewählt. Stück für Stück bügle ich die Macken des Templates aus oder ergänze Dinge die mir fehlen.

Nun bin ich an der Navigation angekommen die auf der linken Seite verfügbar ist. Die Texte sind klare Links, jedoch irritiert viele Besucher das Rollover bzw. die Kästen, die nicht als Link anklickbar sind. Da ich das Rollover aber optisch ganz nett finde, suche ich nun nach einem Weg wie ich es schaffe, das das gesamte jeweilige Feld als Link gilt.

Hm, daraus werde ich nun nicht so ganz schlau...

Der Befehl "display block" ist jedenfalls schon aktiv, aber wie soll ich nun die Größe definieren? Bzw. wo genau?

Hier mal der Quellcode vom CSS:

#sidebar { border-left: 0; float: right; width: 200px; }
	#sidebar h3 { color: #ace149; margin: 15px 0 5px; font-variant: small-caps; }
	#sidebar ul { margin: 0 0 10px; padding: 0; border-top: 1px solid #363430; border-bottom: 1px solid #363430; }
	#sidebar li { display: block; padding: 4px 10px; background: #22201d; margin: 1px 0; }
	#sidebar li:hover { background: #363430; }