Lösungsvorschlag für grafische Spielerei gesucht

[Der Hans]

Moin!

Die transparente Grafik (die Ränder sind rot markiert) im <div>-Bereich Nr. 1 (grün) soll den Linkbereich Nr.2 (blau, auch <div>) überlagern. Funktioniert auch (wie man sieht) ganz wunderbar.
Problem: die Links sind jetzt nicht mehr anklickbar.

Transparent hin oder her: so wird's nicht gehen!
Du kannst Waren im Schaufenster auch nicht anfassen, obwohl die Scheibe transparent ist!
Also zurück zum guten alten CSS:
Alles was irgendwie nach Weltkarte aussieht wird auf jeden Fall ein Hintergrundbild.
Wenn die Buttons fest/starr sind, kannst deren Symbole sogar in den _einen_ Hintergrund
integrieren. Passen sich die Buttons in der Breite an, wirst du um eine Tabelle nicht
herum kommen, in der die erste Zelle den "Rest" Weltkarte als Bild enthält.
So wie ich das im Moment sehe, wird die erste Zelle wahrscheinlich sogar eine feste
Breite bekommen müssen!? Oder wie sollte das Auge, der Link UND der Kartenrest in die
eine Zelle? *grübel* Die anderen Zellen könnten aber wieder dynamisch sein.

Gruß

Der Hans