Container doesn't contain??

Here's my site... (http://www.sweetandy.cjb.net/)

And excuse the slow connection, it's through my cable modem.


So here's my problem: the container is only containing the temporary image header, but as you can see in my HTML, the container is CLEARLY around the other dividers. Is my problem in the CSS or what?

The container is supposed to wrap around the #main text and the #sidebar all the way to the bottom of them. The borders are just there to show where things are.

What's the deal?

In the root directory, my CSS file is style.css.

the absolute positioning you have in your css is taking it out of flow, so that container that is "containing" it doesn't know that that div is there
#main {
width: 570px;
border: 1px #000000 solid;
position: absolute;
right: 30px;
left: 150px;
top: 160px;
background-color: transparent;
text-align: justify;
padding-right: 10px;
padding-left: 10px; }

Well It sure allowed the contain frame to continue, but what would I use to still have my #main container bumped over? Inherit, relative, and fixed don't work at all.

I'm a dolt. Margin. Thank you so much, Aerospace_Eng!