Klickbaren Bereich eines Links nach rechts und links erweitern

[tomtomtom]

Guten Tag zusammen!

Ich möchte in einem horizontalen Menü nicht nur auf die Ankertexte klicken können, sondern auch auf den Platz dazwischen. Von diesem Platz dazwischen gibt es manchmal reichlich, da das Menü immer die volle Breite aufspannt, egal wieviele Menüpunkte es hat und wie breit die Ankertexte sind. Ein Beispiel, wie's aussehen könnte:

!    Banane    !    C    !    D    !    Erdbeertorte    !

Hier sind also vier Menüpunkte, und wenn ich auf Banane oder C klicke, so folgt der Browser brav dem Link. Wenn ich aber knapp neben das C klicke, so passiert nix :(

Die Frage lautet: wie kann ich die weiße Fläche rund um das C genauso klickbar machen?
Einfach mittels Padding breiter machen funktioniert zwar sehr schön, aber dies Möglichkeit passt hier leider überhaupt nicht, denn ich weiß nicht im Voraus, wieviel Platz zur Verfügung steht. Die Anzahl der Menüpunkte und ihre Ankertextlänge kann sich jederzeit ändern.

Wer sehen möchte, wie meine Versuche bis jetzt aussehen, findet sie unter

http://tom.mak4u.de/menu-test.htm

Ich hab's mit Tabellen bzw. Tabellen-gestylten Listen versucht, Tipps gefunden, Blocksatz zu verwenden, um die Menüpunkte gleichmäßig zu verteilen und SPANs in die A-Tags eingefügt. Bis jetzt konnte ich nicht erreichen, dass die variable breiten "Freiflächen" genauso klickbar sind wie der eigentliche Ankertext.

Für jede Hilfe dankbar!

Tom