Background-Image Problem - HELP

[thebutterfly]

Hi All,

Hope you'll be able to help me. I started a website for a friend - got really ambitious w/ it and now find myself in a jam. Long story short, I've cut it up about 6 times and what works in ne/firefox does not work in IE (and visa versa). Having looked around the web, it seems the problem w/ ne/firefox is the most common so I was hoping that there would be a fix out there someone knows.

Basically, I have a div going behind everything called "back". In this div is a background image (repeat-y, height: 100%). As you may have guessed, in IE it's fine - the background image tiles all the way until the div ends. In ne/firefox the background image only tiles as far as the opening window and then just stops, even though the content is still spreading down. .. or for that matter even when it is not.

To see what I mean click here: http://www.thebutterfly.cc/troy/

I'm down to the wire on this (and a wee bit frustrated). I didnt design this for IE ... just of all the times I cut it up this seemed the most ... well hackable problem to solve.

Thank you for any help!!!

[rockboy]

^

Hi, welcome to CTH.:wave:

I've looked it over and don't see anything obvious. Maybe someone else will come around with a solution.

[oracle128]

I also skimmed over it, and couldn't find anything sticking out. You might want to try validating it (http://validator.w3.org/), fixing it up, then see if it still has problems. I think FF is a little stricter than IE, but that might not be the problem.

[Baldur McQueen]

Hi Oracle128 Sorry - I got the names mixed up here - should have been "thebutterfly"

I can see your problem when viewing the page in Firefox. The blue background just stops, right?

Try adding display: table; to #back and .back. I tried that on your page with the Firefox online CSS editor and it worked like a charm. I can not view the results in IE though.....so!!!

Let me know if this fixed the problem......just for future reference ;)

Nice looking page by the way.