[html/css] problem z div`ami Opcje

[pys1986]

mam w pliku css takie coś:

[HTML] pobierz, plaintext 
#prawa{
            border: 1px solid Black;
	position: relative;
	width: 770px;
	float: left;
	margin: auto;
	height: auto;	
}
#blok{
            border: 1px solid Black;
	position: absolute;
	left: 50px;
	top: 50px;
	width: 100px;
	height: 100px;
}
[HTML] pobierz, plaintext 

i teraz

[HTML] pobierz, plaintext 
<div id="prawa">a
  <div id="blok">text</div>
</div>
[HTML] pobierz, plaintext 

no i teraz wyswietla sie tak ze pierwszy div jest na wysokość literki "a" a drugiego nie widać, chodzi mi o to jak zrobić aby pierwszy div kończył się "po drugim"

[wieprzucpp]

[HTML] pobierz, plaintext 
#prawa
{
border: 1px solid Black;
width: 770px;
float: left;
margin: auto;
height: auto;
float:left;
}
#blok
{
border: 1px solid Black;
left: 50px;
top: 50px;
width: 100px;
height: 100px;
float:right;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div><div id="prawa">a</div><div id="blok">text</div></div>
[HTML] pobierz, plaintext 

o to Ci chodziło?