Я создал карусель Javascript, которая прокручивает UL внутри DIV держателя с переполнением, установленным на скрытое, когда пользователь нажимает стрелку влево или вправо.
HTML выглядит следующим образом:
<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>
Все отлично работает в IE6, IE7, Firefox, Opera, Chrome и Safari, но в IE8 нижняя строка текста внутри тега P не подчиняется переполнению: скрыто, несмотря на то, что остальное содержимое подчиняется правилу.
Я осмотрелся, но не могу найти упоминаний об этой конкретной ошибке. Кто-нибудь еще сталкивался с чем-либо подобным?