DIV zum Anklicken

[Anna]

Hallo!

Beachtet man auf folgender Seite auf der echten Seite das  Review-Menü und fährt mit der Maus über die einzelenen Reviews, ist zu sehen, dass sich der Hintergrund dabei ändert. Es ist auch möglich, irgendwo in den Raum zu klicken und man wird zum betreffenden Artikel weitergeleitet. Sehr benutzerfreundlich, wie ich finde. Allerdings mit den ganzen Tabellen nicht wirklich sauber gemacht.

Ich möchte diesen Effekt nun auch verwirklichen, allerdings mit CSS und XHTML.

Konkret: Ich möchte ein anklickbares DIV hinbekommen.

Überlegt habe ich mir z.B. , dass ich einfach einen großflächigen Link in das DIV schreibe:

<div id="div1">
    <a class="klickbox" href="[...]">
       <p>Inhalt1</p>
       <p>Inhalt1</p>
    </a>
</div>

Mein CSS-Code dazu:

.klickbox
{
            display: block;
            width: 100%;
            height: 100%;
}

Damit dachte ich, wird dann das gesamte DIV mit dem Link ausgefüllt. Leider klappt das nicht. Setze ich statt Pronzentwerten Pixel-Werte, ist die Box zwar da, aber verdrängt den Text...

Kann mir jemand helfen? Ist vielleicht mein ganzer Ansatz nicht gut?