Espacement IE7/IE8 avec la position: absolue?

Question

Voir: http://bit.ly/cq4bYF

Le problème est l'alignement vertical sur le carrousel et les boutons <>. Chrome et FireFox charge avec précision. IE7/IE8 les éléments devraient être un autre 20px inférieur.

Quelqu'un connait une solution?

Merci!

Answer 1

On dirait que vous devez créer une nouvelle feuille de style pour corriger cela, créer une nouvelle feuille de style et la mettre dans une déclaration conditionnelle sous la feuille de style que vous avez déjà dans votre en-tête. Ensuite, dans la nouvelle feuille de style, mettez le code suivant. Cela devrait fonctionner. Si vous ne pouvez pas comprendre comment créer juste un IE stylesheet aller à http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

#header_slider{ 
z-index:1; 
position:absolute; 
margin-top:20px; 
width:500px; 
height:320px; 
overflow:hidden; 
} 

Pour obtenir l'instruction conditionnelle mettre le code suivant sous où vous avez la feuille de style appelée

<!--[if IE ]> 
    <link rel="stylesheet" href="The/url/to/your/new/ie/stylesheet.css" /> 
<![endif]-->