I have a CSS overflow issue

Question

On this website http://rwl.rwlwater.com/ I have a small issue... I added overflow: hidden to the featured slider div, the pictures were showing up stacked if the javascript was enabled or the user had a slow internet connection..

But now I have another problem.. The description had a little thing positioned outside the slider and it's hidden now...If I add overflow-x: visible it adds the scroll bar and that's not what I want. I want the description to be fully visible, but the overflow-y to be hidden.

Answer 1

In your #slides .description change

right: -11px;

to

right: 11px;

or something similar.

Works for me in Chrome inspect element.

Answer 2

change it to

overflow-x: auto;
overflow-y: hidden;

Check out http://www.brunildo.org/test/Overflowxy2.html for examples of all combinations