One interesting observation I've made is that the other pages on our website resize to height using overflow auto without any issues.
However, the page that seems to be causing problems has two or more div elements. Even when I tried wrapping them in a container, I still end up with unwanted vertical and horizontal scroll bars.
<div class="content">
<div class="container">
<div class="a">
<div class="left">List Items</div>
<div class="right">List Items</div>
</div>
<div class="b">
This div contains a form.
</div>
</div>
</div>