Positioning of my #content div not working?

[Jhon]

Whenever I put in the HTML for my webpage; the \[code\]#content div\[/code\] is below the widget/sidebar and I already tried \[code\]position:absolute\[/code\]- and that causes my images to not re-size.\[code\]#content { background: #fff; margin: 2px 0 2px; padding: 20px 62px; width: 68%; display: block; float: left; margin-left: 25%; /* rounded corner */ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; /* box shadow */ -moz-box-shadow: 0px 0px 0px 0px #000000; -webkit-box-shadow: 0px 0px 0px 0px #000000; box-shadow: 0px 0px 0px 0px #000000;}/************************************************************************************SIDEBAR*************************************************************************************/#sidebar { width: 25%; float: left; margin: 2px 0 2px;}.widget { background: #0b2d7e; margin: 0 0 0px; padding: 0px 20px; /* rounded corner */ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; /* box shadow */ -moz-box-shadow: 0px 0px 0px 0px #000000; -webkit-box-shadow: 0px 0px 0px 0px #000000; box-shadow: 0px 0px 0px 0px #000000;}\[/code\]