I have a container div that has a repeating background image which
works fine in IE but not in firefox/mozilla. The container div has the
following code:

#CONTENT {
BACKGROUND: #ffffff url('../images/bg_blue_2.gif') repeat-y fixed top
center;
TEXT-ALIGN: left;
PADDING-LEFT: 20px;
WIDTH: 760px !important;
WIDTH: 780px;
WIDTH/**/:/**/780px;
}

I have also placed the site here:

http://www.1010kainsalbany.com/tempo...oat/index.html

You'll notice that I do have the correct reference to the image (which
is usually the first question asked). I have found a way around it by
putting in a height attribute, but as each page is different sizes I'm
trying to work out a way of not doing that.

Can someone please help!!

benny Jets wrote:

Internet Explorer gets "fixed" wrong, but you seem to have taken that out
from the page mentioned below.


http://www.complexspiral.com/publica...aining-floats/

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

Cheers David that really helped me. I read that article about the
floats and how they can easily be contained within a box and I'm happy
to say that it now works~! That's been getting under my skin for a
while now. Funny how you can look at something for so long and not see
the easy solutions.

I appreciate it mate!
Ben