background image for <div>

anshul · May 16th, 2005, 07:04 AM

background-image: url('/images/menu_header_bk.jpg'); works for IE but not for Firefox.

Imar · May 16th, 2005, 07:35 AM

It works for me, both in IE as in FireFox.

How are you using this property?

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

anshul · May 16th, 2005, 07:52 AM

It not works unless I add height attribute.

Imar · May 16th, 2005, 08:06 AM

Well, it works for me in a simple test scenario, so it must be the way you're using the property that is causing this behavior.

How are you using the property?

---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

richard.york · May 16th, 2005, 11:00 AM

You'd have to use the height property if the element is empty. height works in the shrink-to-fit fashion (assuming standards mode is the rendering mode you're invoking), if there is no content then the height is zero. If the height is zero, and there is no padding, you won't see a background, unless you place the background image on one of the two magic elements <html> or <body>, which are special exceptions where height is irrelevant.

As Imar points out, it helps to see in what context you are applying the property (in the form of some links to the project!), otherwise it's a moot discussion as we can only speculate what you're doing to cause it to fail.

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design