Note that there are some explanatory texts on larger screens.

plurals
  1. POOverflow: hidden bug in IE8
    primarykey
    data
    text
    <p>I've built a Javascript carousel that scrolls a UL inside a holder DIV with overflow set to hidden when the user clicks a left or right arrow.</p> <p>The HTML is as follows:</p> <pre><code> &lt;div id="promo-carousel-holder"&gt; &lt;ul&gt; &lt;li class="promo-item"&gt; &lt;img src="_includes/images/promo-tyre-image.jpg" alt="" /&gt; &lt;h4&gt;&lt;strong&gt;30% off&lt;/strong&gt; Title&lt;/h4&gt; &lt;p&gt;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium. &lt;a href="#" class="promo-link"&gt;View Offer&lt;/a&gt;&lt;/p&gt; &lt;/li&gt; &lt;li class="promo-item"&gt; &lt;img src="_includes/images/promo-tyres-image.jpg" alt="" /&gt; &lt;h4&gt;&lt;strong&gt;30% off&lt;/strong&gt; Title&lt;/h4&gt; &lt;p&gt;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium. &lt;a href="#" class="promo-link"&gt;View Offer&lt;/a&gt;&lt;/p&gt; &lt;/li&gt; &lt;li class="promo-item"&gt; &lt;img src="_includes/images/promo-tyre-image.jpg" alt="" /&gt; &lt;h4&gt;&lt;strong&gt;30% off&lt;/strong&gt; Title&lt;/h4&gt; &lt;p&gt;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium. &lt;a href="#" class="promo-link"&gt;View Offer&lt;/a&gt;&lt;/p&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre> <p>Everything works fine in IE6,IE7,Firefox,Opera,Chrome and Safari, but in IE8 the bottom line of text inside the P tag doesn't obey the overflow: hidden, despite the rest of the content obeying the rule.</p> <p>I've had a look around but can't seem to find any mentions of this particular bug. Has anyone else encountered anything similar?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload