Bonjour a tous,

Je construit actuellement un menu moi-même et j'ai un petit problème de placement de DIV entre firefox et IE
Voila la code :

Le lien du menu
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
<a href="" OnMouseOver="javascript:visibilite('id_div_1'); return false;" OnMouseOut="javascript:visibilite('id_div_1'); return false;">
<img src="image/menu/accueil.gif" border="0">
</a>
le code javascript pour capter le passage de la souris et afficher le DIV
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<SCRIPT LANGUAGE="JavaScript">
function visibilite(thingId)
{
 
var targetElement;
targetElement = document.getElementById(thingId) ;
 
        if (targetElement.style.display == "none")
        {
            targetElement.style.display = "" ;
        } 
        else 
        {
            targetElement.style.display = "none" ;
        }
 
 
}
 
</SCRIPT>
Et le fameux DIV
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
<div id="id_div_1" style="display:none;position: absolute;margin-left:560px;margin-top:215px;">
<font color="white">
xxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxxx<br>
</font>
</div>

résultat sous firefox : le DIV se place exactement sous le lien du menu, affichant donc le sous menu
Résultat sous IE : La hauteur est bonne, mais le div se place 300px plus loin que sous firefox

Ma question est : existe t'il un code simple pour que le div s'affiche au meme endroit sous les 2 navigateurs.
Ou dois je créer un style css pour IE ?

Merci d'avance pour vos réponse