IE 8, CSS-repeat-x and relative not working at all

I've got a big issue concerning the background of my header.

I've been tweaking the site for a few hours in IE, since the page is perfect in every other browser, however old they may b开发者_C百科e. But i'm totally losing my mind on IE 8, since my header-background (a .gif) simply won't repeat itself ONLY horizontally.

As said before, it's great in every other browser, even IE6,7 and 9, but in IE 8 the background just pastes itself over the whole site.

the css:

header{
position:relative;
height:615px;
background:url(/images/1paage-header-bg.jpg) repeat-x center top;
width:100%;
min-width:950px; }

I'd appreciate a little help here...

---

background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ImagePath',sizingMethod='scale');
background-repeat: repeat-x;

It's working in Internet Explorer 6.

---

Seeing how you've structured your site would definitely help.

But, often what is used for horizontally repeating header background is body.

http://jsfiddle.net/KMQJd/

Little clarification: Usually body is used if you are already using some sort of background image in html ( which i kinda asumed here.. ) But if you just have a background color and you want to use repeating image at top you should use html - html { background: #777777 url(image.jpg) repeat-x top left; }

---

I wonder if its the order of your position as first should come vertical and then horizontal.

background: url(image.jpg) repeat-x top center;

---

I have had the same problem, just check the syntax in IE8 every space is important, also check in firebug if the image loads? My bad syntax was:

background: #fff url(../img/bg_02.png)repeat-x top center;

correct one:

background: #fff url(../img/bg_02.png) repeat-x top center;

in my case the space was the problem. the top and center parameters are obsolete.

---

Repeat x does not work in IE 8. There no other alternative though

http://reference.sitepoint.com/css/background-repeat

---

Try setting background-repeat to repeat-x like this:

background-repeat:repeat-x;