[HTML][CSS]Problem z DIVami Opcje

[Ulysess]

witam. Potrzebuje zrobić DIVa takiego jak na obrazku poniżej

(IMG:http://img227.imageshack.us/img227/9417/ostx.jpg)

Uploaded with ImageShack.us

chciałbym aby był głowny - ten różowy poźniej 2 inne i dalszy ciag różowego..

w html zrobiłem coś takiego:

[HTML] pobierz, plaintext 
<div class="profil">
<span style="font-size: 25px; font-weight: 900;">Ulysess</span>
 
<div style="width: 300px;float: left; clear: both;">aa</div>
<div style="width: 300px;float: left; clear: both;">bb</div>
 
</div>
[HTML] pobierz, plaintext 

css ->

[HTML] pobierz, plaintext 
div.profil 
{ 
	background-color:  	#336699;
	border: 2px solid white;
	padding-top: 10px;
	width: 500px;
	height: 600px;
	margin-bottom: 3px;
	margin: 0px auto; 
} 
[HTML] pobierz, plaintext 

problem jest taki że te 2 DIVy co miały być poniżej są obok napisu 'Ulysess' mogę dać margin top , co prawda będzie poniżej Ulysess ale to nie jest chyba najlepsze rozwiązanie. prosił bym pomoc..