I have a box that seemed to be working correctly until I filled it with enough content go past a full screen. When that happened, the box went to the bottom edge of the browser even though I have an 11px margin-bottom rule. Here's the info for that box.

#content {
position: absolute;
width: 526px;
margin-top: 11px;
margin-left: 11px;
margin-bottom: 11px;
border: solid 1px #2D396F;
background-image: url(images/bg_content.gif)

Am I missing something? Any help would be appreciated. Thanks.

Oh yeah, I should add that this is a 2-Column layout and not bound by any equalizing column-height tricks. A very basic layout.