100% Flexslider width creates a horizontal scrollbar

Question

http://dl.dropbox.com/u/29703851/js/demo/index.html

This is a demonstration.

I want to use flexslider with 100% width, but I get this weird extra width and horizontal scrollbar when the mouse cursor is outside the flexslider.

When I go through flexslider, the horizontal scroll disappears. Any tips?

I use demo code, no css changes, no js changed. Just deleted all divs and left only one div with the flexslider class.

Is there a suitable way for 100% width?

Answer 1

problem fixed for me with overflow: hidden; in .flexslider

Answer 2

It will also hide the pager points if you do just that. I solved this by adding overflow: hidden; to the parent container. I work with responsive layout, so the parent also sets the width.