[CSS ou JS (?)] Détourer image

Bonjour/bonsoir à toutes et tous.

Alors voilà, j'ai créé mon nouveau design, et pour la première fois j'ai utilisé la fonction z-index de CSS.

Cependant, j'ai un petit problème; je m'explique.

Il y a ma bannière (table indépendante (bannière mise en background de la table))
En-dessous, il y a la table du contenu. Au top de cette table se trouve le bas de la bannière (elle est en 2 images); jusque là tout va bien.
Il y a un z-index (dans mon fichier style.css) qui est intégré via un id="nom" à mon image (dessous de la bannière) et un autre z-index intégré de la même façon à mon iframe de contenu (c'est pour mon forum phpbb, j'ai voulu l'inscruter à mon site). C'est là que ça se corce :
Après plusieurs essais, j'ai réussis à bien configurer tout ça, ça fonctionne 'à merveille'!
Mais cependant, sur le forum, il y a le menu traditionnel de phpbb en haut de page ... (Accueil, FAQ, Liste des membres, ...) et le problème est que, étant donné que mon image (sous bannière) est au-dessus de ce menu, impossible de cliquer sur les liens (mais l'image est quasiment transparente à tous les endroits), donc j'aurais voulu savoir comment "effacer" cette partie transparente de telle sorte à ce que l'on puisse cliquer sur les liens dans les parties transparentes. Je sais que c'est possible mais je ne sais pas si ça l'est dans mon cas, et surtout je ne sais pas comment on fait ... J'ai beau chercher, Google me fait la gueule apparemment!

J'espère avoir été clair? Et désolé pour le roman, mais je voulais que vous comprenniez bien. S'il vous faut un petit screenshot, faites-moi signe!

Merci d'avance à vous tous.

Bonne journée/soirée/nuit!

Salut, et merci pour ta réponse.
Pour le lien, j'ai pris la sale habitude de mettre en ligne mes sites inachevés, donc pour celui-ci j'attendrai de l'avoir fini ...
Pour le screen : ici

Le cadre rouge représente (grossomodo j'ai fais ça grossièrement) mon image (couche suppérieur).
Voici l'extrait de mon code :

Donc il s'agit du contenu de la seule colonne et ligne existantes dans ma table de contenu du site.

<div id="mini"><img src="imgs/down_ban_top.gif"></div>

puis dans ta feuille de style:
#mini
{
z-index : 0;
}

si le reste a un zindex superieur, ca ira
sinon, va falloir leur mettre un zindex a au moin 1...

Tu as essayé ça ?

En passant par un positionnement relatif, tu auras certainement des problèmes de positionnement, facilement solvables.

Je pense que je vais finir par passer par le flash ... Mais ce serait con de faire du flash si c'est possible en CSS/JS ...

C'est grossomodo ça ...

En fait ce que je voulais faire c'était n'avoir que la voiture.
Le problème est que la technologie ne nous permet pas encore d'enregistrer autrement que quadrillatèrement ...

Flash, la seule solution visible ...