div interni

[Nadiuccia]

Ciao a tutti
posso chiedervi un favore...?
Vorrei mettere due div uno interno all'altro come in questa immagine allegata (1)....
Ho creato il div text e due div uno title e uno caption da mettere all'interno

Nel css ho scritto
#text {
width: 370px;
height: 45px;
}

#caption {
width: 300px;
height: 10px;
text-align:right;
position: relative; left:70;px;
background-color:#333333
}
#title {
text-align:left;
background-color: #0033FF
}

il CAPTION è visual designer
e il TITLE è nadiaabate.com

nell'html ho scritto
<div id="text">
<div id="caption"><h3>visual designer</h3></div>
<div id="title"><h1>nadiaabate.com</h1></div>
</div>

ma non riesco ad ottenere l'allineamento...vedo una cosa come questa (2)...
cosa sbaglio?