[css-d] IE6, 7 and overflow on a slider: is there a fix?

[Gabriele Romanato]

Hi,
I've been quite busy with a new client recently due to a vertical  
content slider that doesn't work in IE6 and 7. The markup structure is:

<div id="slider">
  <div id="slider-wrapper">
   <div class="slide">...</div>
  <!--more slides-->
  </div>
</div>

The CSS:

#slider {
        width: 400px;
        height: 300px;
        overflow: hidden;
}

#slider-wrapper {
        width: 100%;
        height: 1200px;
}

div.slide {
        width: 400px;
        height: 300px;
}

Now, IE6 and 7 show _all_ the slides, while IE8 and all other browsers  
(correctly) only the very first one. Is there a fix or something? I  
noticed this behavior occurring also for horizontal sliders.

Thanks for your attention, bye

Gabriele Romanato

http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/  (English)
http://www.css-zibaldone.com/articles/  (English)
http://onwebdev.blogspot.com/  (English)








______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/