CSS - How to remove 2nd vertical scroll bar without changing anything else?

This works

#mastercontainer { overflow: hidden; }

or the above solution works too.

change this: #mastercontainer {overflow:auto;} to #mastercontainer {overflow: visible;}

What's happening is 'auto' uses a scroll bar if the content is too big for the frame. Aka that div or w/e needs enlarged to avoid the scroll. Visible will let it overflow like I think you want. Either visible or even hidden would work with this code-- css is all about playing around and experimenting.

***Most browsers offer a plug-in called 'FireBug' -> download it. It allows you to edit the css etc of webpages while viewing. Very useful for css styling errors. Highly recommended for issues such as this.

Remove overflow:auto from div#mastercontainer.