Element trancha sur IE8 seulement - les preneurs?

Question

Mon site http://bit.ly/aokA4I a une barre de recherche en haut à droite.

Vous pouvez le voir sur IE7, FF, Chrome, Safari - mais pas sur IE8. Il se trancha.

BTW si vous arrivez à le voir sur IE8 juste rafraîchir la page et il coupera.

Si je lance IE8 en mode de compatibilité de la barre de recherche devient visible.

Toutes les idées comment résoudre ce problème?

Merci !!

Answer 1

Il est parce que IE8 interprète la nature de son conteneur parent: header_widget_1. Le dimensionnement ou le formatage de cet élément est à l'origine de l'élément <li> être clipsé prématurément. Si vous avez Google Chrome, vous pouvez faire un clic droit l'élément de la barre latérale que vous posez et choisissez « Inspecter l'élément ». Cela va vous montrer ce que les éléments sont en train de faire.

Edit:. Vous avez également une barre de défilement horizontale importante dans IE7

Edit 2: Vous pouvez essayer de modifier la hauteur de votre élément #header à la hauteur que vous voulez. Étant donné que la hauteur n'est pas exprimée dans la barre latérale classe, cela peut également contribuer au problème.