The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS SOLVED: Background Image Problem in IE 6 and IE 7

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #24278

    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

    background:url(../images/main-container.jpg) no-repeat 50% 104px;
    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.



    Rob MacKay

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


    Thanks Rob , that worked perfectly.

    Appreciate it mate.


    Rob MacKay

    no probs :)

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.