ie 6 background-repeat does not work

[AndrewChip]

Hey guys,

Probably an easy one which I thought I'd fixed when I remembered min-height, but still doesn't work. I have a png fix, so that shouldn't be the problem. Works in everything else apart from ie6 where the background just doesn't appear at all...

page is at http://www.faciodesign.co.uk/2008

CSS is as follows:

#bodyContent {
background-image: url(gfx/bodybg.png);
background-repeat: repeat-y;
margin-right:auto;
margin-left:auto;
width: 750px;
padding-left: 75px;
padding-right: 75px;
background-position: relative;
min-height: 1px;
}

Any help would be gratefully appreciated!!

[aso186]

Firstly, it's weird because it does appear for about a second!

I should note there is no

Code: Select all

background-position:relative

Check out it's allowed values.

Also, I doubt your PNG fix will help here - if it's a background image, the fix won't work if it's repeated.

TBH you don't need a PNG for this anyway. Use a gif instead.

Try this code (background-position fixed and code compressed);

Code: Select all

 #bodyContent {
    background: url(gfx/bodybg.png) repeat-y 0 0;
    margin: 0 auto;
    width: 750px;
    padding: 0 75px;
    min-height: 1px;
}

[AndrewChip]

Thanks for your suggestion, but unfortunately it didn't work. I've resorted to using a conditional comment to link to an ie6 only stylesheet, and this gives a less slightly less fulfilling experience (which I think ie6 users deserve anyway...).

When can we drop ie6 completely!!!???

[mwdesign]

I only ever use .jpg for background images, which repeat fine cross browser.

background:url(images/image_bg.jpg) repeat-y left top;

I avoid .png and .gif as they seem to cause problems.

mwdesign