Backgroud Images not showing up in FF

Problem with putting an image as backgroud in FireFox

[asson]

Hi every one,
I'm busy with redesigning my website, and have a problem couldn't solve it my self, hoping for some help here.
<url removed>

If you look at that page in FireFox you will not see any backgroud image for the logo table, but it's working in IE,
here is my CSS code for that part,

.logo {
background-position: center;
border-color: #E5E5E5;
border-width: 2px;
width: 900px;
background-image: url('http://example.net/subsite//images/header_bg.gif');
background-repeat: repeat-x;
height: 80px;
padding-left: 10px;
visibility: collapse;
cursor: pointer;
border-collapse: collapse;
border-spacing: 0px;
}

Any help?

Thanks

[edited by: encyclo at 12:37 am (utc) on Feb. 19, 2007]
[edit reason] no links to personal sites please, see forum charter [/edit]

[Setek]

.logo {
background-position: center;
border-color: #E5E5E5;
border-width: 2px;
width: 900px;
background-image: url('http://example.net/subsite//images/header_bg.gif');
background-repeat: repeat-x;
height: 80px;
padding-left: 10px;
visibility: collapse;
cursor: pointer;
border-collapse: collapse;
border-spacing: 0px;
}

(my big)

You have

visibility: collapse;

set which, in Firefox, removes the element from visibility. I'm going to go out on a limb and say it's probably doing this because

collapse

is an invalid property value, so is reverting to hidden?

You should validate your CSS and (x)HTML markup, to find parse errors like that - you can save yourself a lot of headaches.

CSS Validator [jigsaw.w3.org]
(x)HTML Validator [validator.w3.org]

You can also streamline some of your properties:

.logo { background: url('/images/logo.jpg') repeat-x 50% 50%;
border: 2px solid #eee;
... rest in here }

[asson]

Hi,
Thanks alot for your reply,
The bothe CSS + XHTML are valid with out any errors.
I just removed
border-collapse: collapse;
and it's working now.

Thanks again.

[Setek]

Hmm, I must have been mistaken :)

Glad it's working at least