[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"