Position relative et superposition sous IE

Bonjour,

Sur ma page HTML, j'ai une image et un div que j'aimerai superposer à l'aide de z-index. Leur parent est body.
J'ai vu sur le web qu'à priori il n'était pas possible d'appliquer z-index sans position-relative ; et pourtant, ça marche très bien sous FF et Chrome, mais pas sous IE.

J'ai bien essayé le position-relative mais évidemment, ma page est complètement déstructurée.

J'aimerai savoir si vous connaissiez une alternative sans, si possible, toucher aux propriétés de l'image (entièrement générée en php).

Je vous remercie, bonne soirée.
Modifié par Panshu (07 Dec 2011 - 16:51)

Bonjour,

Aurais-tu un exemple de code, une source en ligne, un contexte plus précis ?
C'est un peu vague comme demande.

Merci.

Voilà ce que j'ai en gros :

div#foreground {
	background-color: #333;
	width: 870px;
	height: 450px;
	position: absolute;
	top: 110px;
	z-index: 1;
}
img#courbe {
}

<div id="foreground"></div>
<img id="courbe" />

Pour être clair, j'aimerai lorsque je clique et maintient sur la zone de l'image ne pas déplacer l'élément image lui-même car j'appelle deux fonctions javascript onmousedown et onmousemove, d'où l'utilité du div foreground.

Edit : je vous explique en image, je pense que ce sera un petit peu plus clair.. En bleu, le div premier plan ("foreground") et rouge, l'image :

Sous FF et Chrome (effet recherché) :
http://imageshack.us/photo/my-images/810/ac1q.png

http://imageshack.us/photo/my-images/838/ac2s.png
Toujours avec le même css.
Merci =)
Modifié par Panshu (08 Dec 2011 - 09:42)