Как у блока position absolute сделать высоту родителя?

В общем есть блок main, в нем 2 блока:
block-a position absolute и
block-b - содержимое которого растягивает блок main по высоте.

Как сделать что бы block-a то же растягивался по высоте main блока

https://codepen.io/anton-mescherqkow/pen/ZVzvxX

<div id="main" style="width:1200px; margin:0 auto;">
	<div id="block-a" style="position:absolute; height: ????? ; width:1200px;">
		<div style="height:100%;" >
			<div style="height:100%;">
				<div style="background-color:rgba(255,0,0,0.1); border:1px solid rgba(255,0,0,0.1);height:100%"></div>
			</div>
		</div>
	</div>
	<div id="block-b">
		<div>
			<div>
				<div style="background-color:rgba(0,0,255,0.1); border:1px solid rgba(0,0,255,0.1);height:100%">1<br>2<br>3<br>4</div>
			</div>
		</div>
	</div>
</div>