[problema]float en divs

[seinkraft]

Holas, tengo un problema que ya no se que hacer. No logro poder alinear los divs sin que pierda el formato o queden incimados.

Asi deberia quedar.


Y esto es el codigo.

Código HTML:

.post-content-body {
	width:556px;
	height:600px;
	padding:1px;
	background-color: #FFFFFF;
}
.post-content-info {
	width:190px;
	height:58px;
	float:left;
	position:inherit;
	top: 0px;
	left: 0px;
	padding-left:2px;
	background-color: #DDF1FF;
	border: 1px dotted #CDCDCD;
}
.post-content-links {
	width:190px;
	height:342px;
	float:left;
	position:inherit;
	top:64px;
	left: 0px;
	padding-left:2px;
	background-color: #DDF1FF;
	border: 1px dotted #CDCDCD;
}
.post-content-cover {
	width:352px;
	height:402px;
	float:right;
	position:inherit;
	top:0px;
	right:0px;
	padding:2px;
	background-color: #DDF1FF;
	border: 1px dotted #CDCDCD;
}

.post-content-body es el contenedor verde que alojaria a los tres dentro.

Código HTML:

<div class="post-content-body">

<div class="post-content-info">
</div>

<div class="post-content-links">
</div>

<div class="post-content-cover">
</div>

</div>