Background Issue with FireFox

[Darren996]

Hi,

I am having a problem with a background image for a div in FireFox.

The css looks like this:

#ja-leftcol div.moduletable {
border-bottom: 1px solid #FFFFFF;
background: url(../images/left-module-bg.gif) no-repeat bottom right;
}

In IE6 it looks fine. Any ideas?

Thanks,
Darren

[Setek]

You need to provide more information Darren996: how does it look wrong in Firefox? Does it not display at all?

[Darren996]

Oh. My bad.

The background image is a few pixels high and meant to repeat up to the top of the div. It's not doing it in FireFox, only in IE.

[Setek]

Hi Darren996,

It’s set to

no-repeat

, so it won’t be repeating neither vertically nor horizontally.

If you want it to repeat vertically, it should be

repeat-y

, for horizontally,

repeat-x

, for both,

repeat

.

Try changing that and see if you still have problems :)

[Darren996]

Hi Setek,

It's kinda like a drop shadow effect. There's a rounded corner in the bottom right of the image. The image is expanding up and left to fill in the rest of the div in IE6 just not FireFox.

Thanks,
Darren

[Setek]

Sorry, you still have to give more information...

Can you provide a stripped version of your code, both CSS and HTML, that produces the problem?