Extra Space in Divs

[brimx]

For some reason, in this layout I'm designing, there's always extra room at the bottom that I don't want and I am trying to get rid of.

You can find the layout here: http://super.happy-punch.com/channingtest/test.html

You can view the source because the CSS is embedded into the file. I don't see any reason why the layout would stretch. The more text I add, the space between the content and the footer stays there. Can anyone help me with this problem?

Thanks in advance.

[jcdevelopment]

you have a few errors here (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fsuper.happy-punch.com%2Fchanningtest%2Ftest.html). Take care of those if you can, it looks like something may be wrong with your doctype.

also may want to close this DIV correctly

you have this
<div id="clear"/>

do this

<div id="clear"></div>

[brimx]

All right. I fixed those problems. Unfortunately, the space is still there.

[jcdevelopment]

change this


#wrapper {
clear:left;
margin:0 auto;
position:relative;
top:-195px;
width:760px;
}


to this


#wrapper {
clear:left;
margin:0 auto;
position:relative;
width:760px;
}


That worked for me

EDIT** Scratch that, there seems to be a large number of negative margins in your CSS. Which is not wrong, because you have an image that is to the top and left, so you need to use negative margins. so you may need to get rid of the negative margins then try and adjust it from there. possibly embedding divs and having that image as a back ground for the main wrapper.

[brimx]

That moves the space above the news and updates divs.

[jcdevelopment]

see previous post