Sidebar alignment wrong – Tried suggested solutions..

Hello,

My sidebar drops below the content div. Now, I’ve checked my CSS code according to solutions for other users, but I just won’t get it working.

Could someone -please- check my code and see what I’m doing wrong here.

Sorry to bother you with this, I’m sure I’m overlooking really simple.

Best,
Rowan

#header {
	background-color: #74C6F1;
	width: 100%;
	height: 150px;
	font-size: 14px;
	text-align: right;
	border: 1px solid;
	margin: 0px 0px 3px 0px;
}

#headerimg {
	float: left;
	text-align: left;

}

#header_form {
	float: right;
	text-align: right;
}

.description {

}

#wrapper {
	width: 100%;
}

#content {
	background-color: #FEF6E2;
	float: left;
	width: 48%;
	height: 400px;
	font-size: 14px;
	border: 1px solid;
	padding: 5px 0;
}

#sidebar {
	background-color: #FEF6E2;
	width: 48%;
	height: 400px;
	float: right;
	font-size: 14px;
	border: 1px solid;
	padding: 5px 0;
}

#sidebar_left {
	width: 47%;
	float: left;
	font-size: 14px;
}

#sidebar_right {
	background-color: #ddd;
	width: 47%;
	float: right;
	font-size: 14px;
}