Фиксирование ширины DIV

[vicvtor]

Сначала CSS:

.cloud_rec {
		clear:both;
		float:right;
		border: 1px solid #4976ad;
		padding:10px;
		margin:5px 5px 5px 25px; 
		border-radius: 20px 20px  0 20px;
		-moz-border-radius: 20px 20px  0 20px;
		-webkit-border-radius: 20px 20px  0 20px;
		background: -moz-linear-gradient(top, #b2d3f9, #8fbef9);
		background: -webkit-gradient(linear, left top, left bottom, from(#b2d3f9), to(#8fbef9));
		background-image: -o-linear-gradient(#b2d3f9, #8fbef9);	
		-moz-box-shadow:  inset 0 1px 2px #FFF;
		-webkit-box-shadow:	inset 0 1px 2px #FFF;
		box-shadow: inset 0 1px 2px #FFF;
}	

.name {
	color:#365e7c;
	border-left:1px solid #365e7c;
	padding-left:5px;
	font-size:8pt;
	font-weight:bold;	
	float:right;
}	
	
.date {
        font-size:7pt;
	font-weight:normal;
}
			
.text {
	float:right;
	margin:0 5px;
}

Выводим все так:

<div class="cloud_rec">
	<div class="name">
Ivan<br><label class="date">Today, at 12:35</label>
        </div>
        <div class="text">Well, good night. If you do meet Horatio and Marcellus,
The rivals of my watch, bid them make haste.
        </div>
</div>

В итоге получаем голубое облако:


Вопрос: Как сделать так, чтоб DIV(text) резался при достижжении правого DIV(name) и просто переносил текст ниже, а не убегал вниз. Шаманил с inline-block, чего то ничего не вышло.

П.С. Сильно метлой не гоните, давно не был тут)

[vicvtor]

Проверил еще на раз, снес float у text, теперь пару строк выводит норм, а дальше залазит.

[vicvtor]

Остается только задать фиксированную ширину у блока name, а у блока text делать margin на эту величину.