HTML went crazy

Hello Forumers,

I wanted add the intro on my forum, so i photoshoped it and saved as Web and Devices.
So i got few headers.

When i open my index document my interface looking cool and there is nothing wrong with it,

Spoiler:

but when im starting to add it on the Forums HTML its looking looking horrible

Spoiler:

Can some one please help me in this situation and tell how i can merge together my headers ?

the code i used:


Thanks

Well for starters don't use Photoshop to save for web for coding.
I am currently working on a fix for it, but if someone else gets to it faster than oh well.

EDIT:
I took your images and pieced them together in PS.
https://2img.net/r/ihimizer/img10/6720/problemhw.jpg

See the problem? Give me the top image at full size.

i think i just found my mistake in the headers, and my intro looking much better now, but still have spaces between them

Spoiler:

If you give me the PSD I will fix it for you.

https://2img.net/r/ihimizer/img208/6131/fixp.png

That is with a div so it will be centered.

-= Delited =-

OK, you can take that link off if you want now.

I will work on it. Give me about 10 mins.

Take your time and big big thanks ^_~

Here you go.
http://www.mediafire.com/?gd4rjb70bbww8db
Please let me know when it is downloaded because I am going to take it down.

I wrote a comment in the CSS section but I will post it here as well.

/* If you want to resize the images to be small make sure you change the container width to the width of the resized images */

You can remove your link now

Thank you so much for your help, hope my interface will look good now xD !

You're welcome. If you need further help you can create a new topic or PM me, up to you.

No Support via PM. >.< dunno how to enable it :S

Alright well just create a new topic for future help