How to prevent div with position:relative to allocate extra space

[Bandung]

Here is jsfiddle exampleHere is the code..\[code\] <div id="xxx1"> <div class="xxx1"> txt </div> </div>\[/code\]And CSS\[code\]#xxx1{ border:1px solid black; min-height:25px;}.xxx1{ border:1px solid green; height:50px; position:relative; top:-50px;}\[/code\]I want to remove extra space from div id "xxx1". How to do that? And I cannot use fixed height cause I want that div to increase its height if I want to add some more data inside that div.Here is jsfiddle example