Unsightly gap above a small form

I am adding a mailing list form to a new site I am working on.

Whatever I do, the gap above the form is too large!

I want the gap to be the same as the gap between the heading and the image, just above it.

Can anyone help with it?

The draft page is here...

http://www.suicidenotesmusic.net/thetraumaunit/tuwebsite.html

Where is the form? Are you talking about the little email entry? If so, your image right above that is pushing it down.

yeah i do mean the little email entry form.

but the image is only 44px high, and the gap below it is quite significant, the box is definitely not close enough (in my opinion)!

<style type="text/css">
form {
margin:0;
padding:0;
}
</style>
Add the above in between your head tags. A form has a default margin in some browsers.

Yeah, todays browsers read CSS so specifically that you hav to set every variable in order to have it working correctly on all browsers.

ah cool, didnt know that, thanks a lot all :)