Débordement: bug caché dans IE8

Question

J'ai construit un carrousel Javascript qui fait défiler une UL à l'intérieur d'un conteneur DIV avec un débordement réglé sur caché lorsque l'utilisateur clique sur une flèche gauche ou droite.

Le code HTML est la suivante:

  <div id="promo-carousel-holder"> 
       <ul> 
        <li class="promo-item"> 
         <img src="_includes/images/promo-tyre-image.jpg" alt="" /> 
         <h4><strong>30% off</strong> Title</h4> 
         <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium. <a href="#" class="promo-link">View Offer</a></p> 
        </li> 
        <li class="promo-item"> 
         <img src="_includes/images/promo-tyres-image.jpg" alt="" /> 
         <h4><strong>30% off</strong> Title</h4> 
         <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium. <a href="#" class="promo-link">View Offer</a></p> 
        </li> 
        <li class="promo-item"> 
         <img src="_includes/images/promo-tyre-image.jpg" alt="" /> 
         <h4><strong>30% off</strong> Title</h4> 
         <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium. <a href="#" class="promo-link">View Offer</a></p> 
        </li> 
       </ul> 
      </div> 

Tout fonctionne très bien dans IE6, IE7, Firefox, Opera, Chrome et Safari, mais dans IE8 la ligne de fond du texte dans la balise P ne respecte pas la débordement: caché, malgré le reste du contenu obéissant à la règle.

J'ai regardé autour de moi mais je n'arrive pas à trouver de mentions de ce bug particulier. Est-ce que quelqu'un d'autre a rencontré quelque chose de similaire?

Answer 1

Ah, il s'avère que j'avais placé le DIV en position absolue. Changé à relatif et cela a fonctionné. Je ne sais pas comment j'ai négligé cela. Étrange comment IE8 était le seul navigateur avec lequel il avait aussi des problèmes!