Fixing Hiddens?

Okay, I managed to fix it, now it just does this:

http://i31.tinypic.com/ipr62g.png

This is what it originally looks like:

http://i25.tinypic.com/v621zr.png

I want it to not decrease like that, and just for a scroll bar to appear as I decrease the size of the window, such as this site.

Here is what I’m using:

body {
	background: #FFFFFF url(http://i29.tinypic.com/t7n5hw.png);
	color: #333333;
	font-size: 12px;
	font-family: "Trebuchet MS", Trebuchet, Sans-Serif;
	margin: 0px auto 0px;
	padding: 0px;
        overflow: auto;
	}

#content-wrapper {
  overflow: hidden;
  width: 82.5%;
  margin: 0 auto;
  padding: 0 0 15px;
  text-align: $startSide;
  background: #FFFFFF url(images/bg.gif);
  border: 1px solid #000000;
  border-top: 0;
  border-bottom: 0;

}

#contentleft {
	float: left;
	width: 670px;
	margin: 25px 10px 0px 0px;
	padding: 20px 0px 20px 0px;
        border-top: 2px solid #336699;
        clear: both;
        overflow: visible;
	}

#contentright {
        min-height: 100%;
	float: right;
	width: 260px;
	margin: 25px 0px 0px 0px;
	padding: 20px 10px 20px 10px;
        overflow: visible;
	}

If anybody could go ahead and lend me a hand, IM me on AIM at onAXIS Owner.