Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Renders in IE but not Firefox

Element background-image



12:21 pm on Apr 20, 2006 (gmt 0)

10+ Year Member


I've done quite a bit of reading on this and am still unable to get my background image to render in Firefox.
The below renders fine in IE.

Can you see the problem and let me know?
--> My Doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" />
--> My CSS code for the specific element
background-color: #E0E2A8;
color: #556B2F;
background-position: left;
background-repeat: no-repeat;
background-image: url(absolute path to image);

Thanks for any help


1:01 pm on Apr 20, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

First I suggest that you validate your xhtml/html and your css, then after that, if there are any problems then come back, and post a bit more then you have now posted.

It is a bit difficult to tell if soemthing past what you have now is causing the problem, or if you need to validate.

Since it is working it IE, then that suggests that there could be a coding error somewhere as IE is really forgiving of errors.

I know several times I have started to post for help, and realized i needed to validate, and would find that there was an issue in my coding.

Hope this helps you out a bit


7:05 pm on Apr 20, 2006 (gmt 0)

10+ Year Member

You first need to se if it's the image or the code. Drag the image into FF. If it opens correctly, then it's your code.

What kind of image is it? JPG, GIF, PNG?


Featured Threads

Hot Threads This Week

Hot Threads This Month