Background Image won't center in IE 9

Question

I'm making a site with a background image on every page. The image is centered in Chrome, Safari, Firefox... But it won't center in IE 9 (not sure about the other versions of IE).

Here's the CSS:

#page {
    background-image: url(images/mountain2.jpg);
    text-align: center;
    margin-top: -50px;
    margin-right: auto;
    margin-left: auto;
    background-repeat: no-repeat;
    background-color: #6C86FF;
    width:1292;
    height:972;
}

(#page, is the div tag for the entire site.)

Help, is very much appreciated. =)

Remember to add units (unless the value is `0`). Your `width` and `height` are lacking them. — Niet the Dark Absol, Mar 25 '12 at 19:18

score 1 · Accepted Answer · answered Mar 25 '12 at 19:17

1

Have you tried setting background-position: center center;?

answered Mar 25 '12 at 19:17

Niet the Dark Absol

320,036
81
464
592

Thank you! That worked great. And thank you nmagerko for the units. I did forget those. – Emily Magnuson Mar 25 '12 at 19:56

score 0 · Answer 2 · answered Mar 25 '12 at 19:20

0

I think you should have a look at the specs concerning Background, especially the background-position property.

answered Mar 25 '12 at 19:20

Stock Overflaw

3,203
1
13
14

Very good idea. I took a look there, and I have a better understanding of the type of CSS elements that I can add to background. Thank you! – Emily Magnuson Mar 25 '12 at 20:05

Background Image won't center in IE 9

2 Answers2

Linked