I have begun re-coding my websites to CSS from using tables. So far I've done a few sites, but I am now working on converting this page:

Now, this is what it so far looks like: http://www.alphaberrydesign.com/contactnew.htm (none of the links except the email link work on this page, I've just not added them yet)

And this is what I want it to look like: http://www.alphaberrydesign.com/contact.htm

The problems I'm having is getting the image with the envelope in the right place, and then also in Firefox there is a break after the "Contact" header.

Any help is greatly appreciated, thank you!

To get rid of the gap, put this code into your #contentcontainer-contact div:

padding: 1px 0;

I think this problem has to do with margin collapse and the padding fixes that.

Thank you, it works!