CSS relative positioning issue

While positioning a div like for example, position:relative;top:-50px; some extra space may occur at the bottom of the div. This can be removed by adding margin-bottom:-50px; (i.e. the same value set for top) to the div.