[Resolvido] CSS

Olá, estou com um probleminha em css, estou colocando dois iframes dentro de um div, sendo que um fica na direita com 137px e o da esquerda com 680.

O problema é que esse div da direita (div_carrinho) está pulando para fora do div principal, ficando abaixo dele, alinhado com a borda direita.

ai vai o código:

index.php (onde são invocados o div e os iframes:

<div class="images_view">
 <div class="frame_imagens_view">
 <iframe src='frame_imagens.php?id=<?=$id?>&busca=<?=$busca?>' scrolling="yes" frameborder=0 style='width:680px;height:620px;'></iframe>
 </div>
 <div class="div_carrinho">
 <iframe name="carrinho" src='carrinho.php' frameborder=0 scrolling="yes" style='width:137px;height:618px;'></iframe>
 </div>
 </div>

e os estilos:

.images_view {
	width:820px;
	height:620px;
	float:left;
	margin-left: 10px;
	padding: 1px;
	color:#568094;
	border: 1px solid #7d9faf;
	background-color:#fff;
}

.frame_images_view {
	padding: 1px;
	line-height: 18px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#568094;
	background-color:#fff;
}

.div_carrinho {
	display:inline;
	float:right;
	padding-left:1px;
	line-height:18px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#568094;
	border-left: 1px solid #7d9faf;
	border-left-style:dashed;
	background-color:#fff;
}

Grato desde ja. se precisar posto uma scremshot de como está.