SOLVED: Background Image Problem in IE 6 and IE 7

[triplefour design]

Hi Everyone,

This is my first post here I have long been a reader of this site but never actually had a reason to post until now! :P

I have a design I am working on and it is not rendering correctly in ie 7 or ie 6 . The page is here

I have a background image that is images/main-container-inner.jpg. I am wanting the image to continue underneath the text at the bottom of the page but in IE 7 and IE6 it is being cutoff so is my background colour. It is rendering fine in ie8 and also firefox.

Here is the CSS file and i have grabebd the code below css/all.css

Code:

#main-container{
width:100%;
overflow:hidden;
background:url(../images/main-container.jpg) no-repeat 50% 104px;
}
body#page-inner1{
background:#C28C4B url(../images/body-inner-bg.gif) repeat-x;
}
#page-inner1 #main-container{
background:url(../images/main-container-inner.jpg) no-repeat 50% 104px;
}

Any help anyone can provide would be most appreciated. It is driving me insane. I will leave it with you css experts.

regards

Andrew

[Rob MacKay]

remove the background property for your #content .holder – its set at #C28C4B and in IE its taking over the world a little :)

[triplefour design]

Thanks Rob , that worked perfectly.

Appreciate it mate.

andrew

[Rob MacKay]

no probs :)

[Author]

Posts