Problems with css

Hi guys,
Can anyone help me with the following page www.maltawideweb.com. I have three problems:
1. When the window is minimized the layout moves, its flexible. I want it to be static, that is why I gave it a width of 770px.
2. I cannot move the layout to the center. I added a wrapper div tag with margin auto but I guess I did something wrong.
3. The layout looks different on firefox. Can anyone tell me what's the problem with it? :s

many thx to all

 

You don't need two container divs. Pick one. In that put the following;

width: 770px;
margins: auto;

 

for your purposes, remove one of the container div's and the wrapper div.

 

Without a complete and proper DTD, IE does not grok margin: auto;

The DTD will cause IE to enter standards mode where it at least tries to do well.

cheers,

gary

 

Hey guys,
Thx for the help. One last question pls. I managed to move it to the center with your help but there is one thing that is still out of place :S. This is the Useful Links column. It is not aligned to the right hand side.How can I manage to do it?

 

Can anyone help me please?

 

Remove the width from h1 and #footer. They cause an overflow.

cheers,

gary

 

Thx Gary. It worked perfectly. Many thanks to all.