CSS bodyの高さにあわせて中身の高さを100%にする方法。

bodyにposition:absoluteをかけ高さを100%にするとmainの高さも100％が使えるようになります。
通常は、height100%にしても値は取得できませんが、
htmlまたはbody要素にposition:absolute;とheight100%にします。
main100%にして、中身の要素が足りなくて、背景が切れてしまうことがなくなります。

body {
position:absolute;
width:960px;
height:100%;
}