CSS | Hide Overflow Vertical Scrollbar

When you set a div style like this:

width: 600px;
overflow: auto;

it will show both the horizontal and vertical scrollbars if the content is large enough to require them.

However in IE due to a bug, you can still see them.

The solution would be to use the following css styling to hide the vertical scrollbar:

overflow: auto;
overflow-y: hidden;


overflow-x: hidden; (to hide the horizontal scrollbar)

IE6-7 (amongst other browsers) supports the proposed CSS3 extension to set scrollbars independently, which you could use to suppress the vertical scrollbar:

You may also need to add for IE8:

-ms-overflow-y: hidden; (hides vertical scrollbar)


-ms-overflow-x: hidden; (hides horizontal scrollbar)

as Microsoft are threatening to move all pre-CR-standard properties into their own ‘-ms’ box in IE8 Standards Mode.

Happy overflowing!! 🙂

Resources: here

Hello, nice to meet you

Enter your email address to subscribe to this blog and receive notifications of new posts by email.


  1. bags above belong to me. My husblouis vuitton hlouis vuitton handbags replicabags replica called Adriana when he found out she named a bag after me louis vuitton


Leave a Reply