can't get my div to stretch around my content

 

css

* html { height:100%; }
body {
font-size:14.5px;
font-family:tahoma, verdana, arial;
color:#333;
line-height:16px;
margin:0;
padding:0;
height:100%;
}
/* wrapper */
#wrapper {
width:900px;
position:absolute;
top:20px;
left:310px;
background:#eee;
height:inherit;
/* curve corners */
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 1px solid #0C3B7F;
}

 

image is added

You don't show all your code so I'm guessing. The wrapper seems to be going down to the bottom of the right sidebar under item 4 so this may be part of the problem or is it just that the wrapper was height: 100% but the bottom has risen with the scrollbar?.

 

Also your wrapper has position: absolute; and height: inherit; but does inherit work with an absolute position? Try deleting height: inherit; and add a full width empty div without a float under the left and right divs inside wrapper if the content and sidebar are both floated. This may drag the wrapper height down to the unfloated div.