fairly beginner needs help with CSS positioning in IE8, Firefox, Chrome

Hi,

I made this website a while ago: http://www.lettersets.com using the "Coolwater template" from Styleshout.

It looks just fine in IE7 which is what I;m using. However, when I use difference browsers like IE8 or Firefox, the contents align to the left instead of centering like the background.

I had a look at the CSS code, but can't seem to find what the problem is (I'm still new to CSS though so it might be quite obvious). Can anybody have a lkook for me?

Help is much appreciated.

Michelle

Open your Css file (css_index.css) in an editor:

Add Following at
#bigborder (line 104)
margin:0 auto;

Add Following at
#wrap (line 158)
margin:0 10px;

Remove Following at
#wrap (line 158)
width:98%; (Remove it)

Modify following at
#header #header-links (line 177)

right:10px;