Hi,
Several things you need to do:
1- change the height of your div#header from 204px to 213px
2- give your div#header-area a position of absolute
3- give your logo img a margin-top of 38px and a margin-left of 30px

I have to be honest with you though, that's really a band-aid for a broken leg.

The styling on that site is a mess with rules all over the place, a lot of absolute positioning that really doesn't need to be and the markup on both pages you provided is not even the same making it even harder to maintain. Last but not least you are using tables for structuring your page.

My suggestion, either rewrite the whole thing or avoid touching it too much or this kind of problems is going to happen often.

Good luck

This didn't fix it. The header went to the right and under the rest of the page.

Sorry but you must have forgotten something or you are using an old browser or Internet Explorer.

I am attaching a screenshot of your home page with the modifications explained above, in Chrome latest version. Looks pretty good to me.

I'm using Firefox and unless I'm missing something it still doesn't work.

I tried in Firefox and it worked. I'm attaching a second screenshot.

From what I can see you didn't add the modifications to your site so I can't tell if/what you did wrong. All I know is my modifications work in Firefox and Chrome.