Messed Up CSS help

[gmrm]

Hi all i have been messing with my CSS and have made an error and don't know what i changed, as i have modified this stylesheet heavily and did not back it up, can anybody tell me where to look for what i want to do.

If you take a look here
http://www.gloopy.co.uk/
you will see the bg.jpg is taking up the centre aswell. I only want to be able to see the background at the sides and not in the centre.

Please help and many thanks

[Ryk]

I'm guessing you've learned the most important thing here... BACKUP any file you are about to change, no matter how small the change! We all learn the hard way

You need to add a background color to "mainWrapper"

[gmrm]

hmmm this is my body

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #363636;
background: url(../images/bg.jpg);
background-position: top center;
background-repeat: repeat;
background-attachment: fixed;

[gmrm]

lol how easy was that , heres what i did wrong and never noticed :-

/*wrappers - page or section containers*/

/**bof tnmp83**/
#mainWrapper {
//background: url(../images/bg.png) repeat-y top;
margin: 0 auto;
width: 990px;
}
#headerWrapper{
width: 960px;
margin: 0 auto;
}


can anyone spot the mistake.

Thanks for the help Ryk

[Ryk]

Glad to be able to help.

You'll find a lot of people here will recommend using the Web Developer Toolkit+Firebug with Firefox which makes it a doddle to identify problems like this. Amongst lots of other things, simply right-clicking on an element on a webpage will give you all the css info.

There are similar tools available for some other browsers too.

[gmrm]

I do have these installed ;) but on firebug console i was looking at
#contentWrapper {
height: 100%;
}
min?f=...9724411 (line 56)

and was wondering what the heel i had done

Glad to be able to help.

You'll find a lot of people here will recommend using the Web Developer Toolkit+Firebug with Firefox which makes it a doddle to identify problems like this. Amongst lots of other things, simply right-clicking on an element on a webpage will give you all the css info.

There are similar tools available for some other browsers too.