CSS: Scrollbar for y-axis causes scrollbar for x-axis

Question

Here's a screenshot of the problem.

Basically, when the scrollbar shows up for the y-axis, the width of the container doesn't expand. Instead it just creates a scrollbar for the x-axis.

How can I get the container to expand without creating the x-axis scrollbar?

Answer 1

you can give this a try for the element:

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

you can use scroll or auto for the overflow-y

here is a page with some samples: http://www.brunildo.org/test/Overflowxy2.html