position:absolute i css

Jeg har et lille spørgsmål.

Er der ikke nogen måde man kan få en position:absolute til at påvirke en position:relative?

Med andre ord mit lille eksempel herunder viser to kasser. En med værdien relative og en med absolute. Hvordan kan det være kasse1 ikke bliver større eftersom kasse2 lægger inden i og har en højde der er større end kasse1?


<style type="text/css">
<!--
#kasse1 {
    background:red;position:relative;height:200px;width:200px
}
#kasse2{
background:blue;position:absolute;top:10;left:50px;width:150px;height:500px
}
-->
</style></head>

<body>
<div id="kasse1"><div id="kasse2">her er noget indhold</div></div>
</body>
</html>