How to make an element auto-resizeable?

So on this page you see header,slider and footer. Now if I resize the height of browser window to something small, you will see that slider wont resize automatically and scroll bar will show up. How to make that slider so it resizes automatically?

I don’t see that. Works fine for me in Chrome.

No it happens in every browser. Look what I thought


It doesn’t seem to be the slider that is causing the scroll bar but some of your other elements.

If you try this then the scrollbar is gone.

.slideshow-caption {top:50%}
.content-home {margin-top:0}

However I don’t know if that will have bad side effects as its hard to test locally.