溢出：IE8 中的隐藏错误

Question

我构建了一个 Javascript 轮播，当用户单击左箭头或右箭头时，它会在持有者 DIV 内滚动 UL，并将溢出设置为隐藏。

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 标签内的文本底行不遵守溢出：隐藏，尽管其余内容遵守规则。

我环顾四周，但似乎找不到任何关于此特定错误的提及。有没有其他人遇到过类似的情况？

Answer 1

啊，原来我将 DIV 设置为绝对定位。将其更改为相对并且有效。不知道我是怎么忽略的。奇怪的是，IE8 是唯一导致问题的浏览器！