How to auto adjust the height of my div tag?

Question

This is my website www.whistleandlisten.com
The white background is a div tag and whenever I add new content within the div tag I want it to auto adjust to extend the white div tag down as the page gets longer. I have tried css and set my height to auto but that makes it disappear. Right now I have to set it to a certain amount of pixels which gets annoying and sometimes I forget to after adding lots of content. PLEASE HELP.

Answer 1

To have an extensible height element, you should not apply the height property as you have done starting at line 9 of songcss.css
#whitediv
  position: absolute;
  left: 50%;
  margin-left: -490px;
  top: 0px;
  width: 950px;
  height: 2900px;
  z-index: 1;
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  color: #ffffff;
  box-shadow: #ffffff;
  overflow-x: visible;
  overflow-y: visible;