Center and repeat background image; Not taking the CSS

Hi: In Compass theme I am trying to center vertically, then repeat my background image horizontally with the following CSS:

element.style {
background-image: url(http://www.dmediapromo.com/wp-content/uploads/bg-purple-green.png);
background-attachment: fixed;
background-repeat: repeat;
}

When I "inspect element" and make this temporary change in the browser, it works perfectly. But when I paste this CSS in the Theme > Styling Options > Custom CSS and it has no affect. I even tried pasting this in the style.css in my child theme. Still no affect.

Any ideas? Site: DMediapPromo.com. Help is much appreciated!

 

Update: I fixed this by editing the Header.php file. There is a word "fixed' in the php. Changed it to center and it now works.