Sidebar Problems :||

Ok, so I was trying to make my side bar image repeat. So I used the content background for it and did this my css:

#content {
    background: url(images/contento2.gif) repeat-y;
    float: left;
        /*width: 800px;*/
        width: 800px;
        margin-top: 25px;
        padding-left: 15px;
        padding-right: 30px;
        padding-top: 10px;
	padding-bottom: 30px;
overflow: hidden;

}

#sidebar {
    /*background: url() repeat-y;*/
        padding-left: 15px;
        padding-right: 20px;
        padding-top: 10px;
	/*margin-bottom: 10px;*/
	margin-left: 640px;
	/*margin-top: 25px;*/
        width: 135px;
	float: right;
    	margin-top: -800px;
	height: 400px;
	overflow: hidden;

}

html fix for the content area:
<div style="width: 610px;">blog</div>

as you can see it looks fine on the main page:
http://abstracity.net/

but on the other ones:
http://abstracity.net/content/ the margins get messed up because of the shorter entries.

how do I fix this, I’ve been going nuts all morning trying to get this to work