Relative Positon, No WhiteSpace

How to get rid of the annoying space that is left when you relatively position an element.

by kshep92

HTML

<div class=top-wrapper>
<div class=top>
    <div class=middle>Middle</div>   
something    
    </div>
</div>
<div class=bottom></div>

CSS

div {
border: 1px solid;
}

div.bottom, div.top, div.top-wrapper {
width: 200px;
    height: 200px;
}

.top {
   position: absolute;
    visibility: visible;
    top: 40px;
}

div.top-wrapper {
    position: relative;
    visibility: hidden;
}

div.middle {
position: absolute;
    left: 200px;
}