Header image hidden on Firefox

I just looked at the site with Firefox 3.6.13, and I see a night city scene. Did you get it resolved?

Unfortunately not – there should be a logo above that…

I don’t see any image in Firefox, Chrome, or IE8. When I look at the source code and the CSS for the page, I don’t see any reference to an image.

There should be a black on white text logo above the image – I see it (on my Mac) in Safari and Chrome.

In the source I believe <div id="headerimg"> points towards it on the stylesheet.

In the stylesheet I have

#header {
  background: url("https://www.carverhaggard.com:/main/wp-content/uploads/2010/10/CH-logo_bw.jpg")
  no-repeat bottom left; }
#headerimg  {
  height: 75px;
  width: 350px;
  }

When I go to the URL for the logo image I can see it in Safari/Chrome but not in Firefox.

Any idea why this would be?

I believe that it is peculiar to the Mac. There is no url defined for #header in the CSS on a PC in Firefox, Chrome, or IE8.

I think it might be due to an extra colon in the url, following .com:

background: url("https://www.carverhaggard.com:/main/wp-content/uploads/2010/10/CH-logo_bw.jpg")
  no-repeat bottom left; }

Take that colon out and see if it fixes it.

Thanks for the suggestion. The omission of the colon does not seem to make any difference – the logo is still invisible in Firefox (and Opera) and visible in Chrome/Safari.

The other thing is that the URL of the image did not bring anything up in Firefox/Opera but does in Chrome/Safari.

To check if there was something in the image itself or its URL address which Firefox/Opera did not like I have changed the image type and URL to

#header {
  background: url("https://www.carverhaggard.com/main/wp-content/uploads/2011/01/Logo.tiff")
  no-repeat bottom left; }
#headerimg  {
  height: 75px;
  width: 350px;
  }

The image can now be viewed at this URL in Firefox/Opera but still does not display in the right place on the page.

Is there something wrong with my CSS header code then?

I don’t know about the position, but if I replace your url with the url of a picture from a site of mine, it shows up. There is something not right about the url. I wonder if it is a permissions problem with the directory?

I started to wonder if there was something funny about the image itself (mac encoding?). I have changed it for a png image and it seems to work on all my browsers now – can you see it?

Thanks for your help.

What I see is:

CarverHaggard
Architects

Text only, no other image. Is that what you expected?

That’s right. Now to move on to the other bugs!