Bug d'emplacement DIV Menu sous IE

Bonjour à tous,

J'ai créé un site pour un ami photographe.

J'ai un problème avec la mise en forme, le plus simple pour l'expliquer est de voir l'image suivante, représentant un comportement différent sous IE(8) et Firefox :

http://www.easy-upload.net/vignettes.php?v=20111120133958

Le bug survient principalement lorsqu'on clique sur la rubrique "Diary".
Comme illustré, il se traduit par un décalage (de 50px environ) vers le haut du Menu (id ="navigation") qui rentre alors dans la bannière (id="logo").

Au début j'ai pensé qu'il manquait peut être une balise DIV fermante... mais cette piste n'a rien donnée.

Je sais que mon code CSS dans sa globalité n'est pas des plus parfait, mais avez vous une idée pour corriger CE bug (et non pas les 153 autres qui ne répondent pas aux normes W3C ).

Je bloque depuis des semaines là dessus
Merci par avance.
Modifié par duBy (24 Dec 2011 - 16:41)

J'ai oublié de préciser que si je reload la page buguée, alors le menu se place au bon endroit.

Je m'auto réponds, car j'ai fini par trouver une solution.
Déjà, j'ai corriger quelques bug de balises qui ne se fermaient pas (à cause de conditions php).
Ensuite, j'ai utilisé une astuce trouvé sur Alsacréation (de mémoire... car j'ai tellement baroudé pour trouver la solution !) :

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

Si vous êtes tombé ici pour un problème similaire au miens, une recherche Google sur le code ci-dessus vous aidera peut être à trouver des explications plus détaillées !
Modifié par duBy (06 Jan 2012 - 11:30)