Overlapping two divs

[Dominik Müller]

Hi There,

i try to overlay two divs in vertical order.
I have one "content" area at first position and a bottom div with an footer and a background image.
I overlapped this two div's (text in the content div with fill the footer div as well):

#footer
{
  position: relative;
  display: block;
  top: -200px;
  height: 255px;
  background-image: ...
}

#content
{
  min-height: 54%
}

That works as expected, but the negative position will produce an 200px-blank area at the bottom of the page (behind the footer).
Is there any chance to remove this "blank" area?
I try negative margin as another solution, but IE8 seems to have problems with it.

Thanks for any idea.
Dom