[Résolu]Décalage du contenu par un menu horizontal

Bonjours tout le monde, je suis à la recherche d’une solution pour un problème tout bête mais qui me pourris la vie
Voilà le problème :
J’utilise le menu horizontal suivant :
ici.
En l’état il marche parfaitement sous IE et FF. Mais voilà, moi ce qui m‘intéresse c’est de positionner le menu relativement par rapport à un autre objet. En gros de remplacer :

#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%;
}

par

#menu {
position: relative;
top: 0;
left: 0;
z-index:100;
width: 100%;
}

Afin de pouvoir intégrer le menu n’import ou.

Et la catastrophe sous IE (je n'ai testé que le 6), si je place une image sous le menu celle-ci sera irrémédiablement décaler par le déroulement du menu.

Si quelqu'un a une solution a ce problème, je le remercie d’avance !
A+
Modifié par smoa (31 Jul 2007 - 09:33)

Bonjour et bienvenu à toi sur le Forum,

Pourrais-tu éditer ton message afin de corriger ton url (qui est mal formée) et placer ton morceau de code entre les balises appropriées ?

Merci
Modifié par Cygnus (30 Jul 2007 - 11:52)

En cherchant un peu plus j’ai réussi à trouver ma solution, je la poste pour en faire profiter tout le monde :
L’astuce consiste à « encadrer » le menu dans une autre div :

<div id="contenant">
<div id="menu">
	<dl>
            <dt ....
</div>
</div>

avec donc :

# contenant{
    position:absolute;
    z-index:500;
}
#menu {
	position: relative;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
}

voilà A+