<?xml version="1.0" encoding="UTF-8"?>
<post>
  <body>Hi guys,

I know a lot of you code websites, so I'm hoping for an answer to my problem here.

I have a header on a wordpress site I'm working on that has an image for the background but also the image blends or gradates into the background color, which is a medium gray.

background: #CCCCCC url('images/header.jpg') center no repeat;

My problem is that, on Safari, it looks exactly the way it should, where my header image color matches the #CCCCCC, but on Firefox (I haven't tested IE yet...) the colors of the image are a bit washed out, so it does not match the CCCCCC.  I checked the color profiles on my header image and it is sRGB so no color profile attached.  Pretty much on firefox, the colors blend perfectly when I use C1C1C1.  I loaded the site on both FF and Safari and put the windows right next to each other, and CCCCCC look exactly the same, so the problem lies within the image I think.

How can I fix this problem?  It's really frustrating and I'm also having a hard time finding a solution on google, so I thought I'd have better luck here.

Thanks duders!</body>
  <commented-at type="datetime">2009-03-28T14:17:38-04:00</commented-at>
  <comments-count type="integer">4</comments-count>
  <created-at type="datetime">2009-03-28T13:20:16-04:00</created-at>
  <id type="integer">16191</id>
  <is-closed type="boolean">false</is-closed>
  <is-sticky type="boolean">false</is-sticky>
  <last-commenter-id type="integer">5028</last-commenter-id>
  <person-id type="integer">2765</person-id>
  <post-category-id type="integer">1</post-category-id>
  <title>Need some CSS help please!</title>
  <updated-at type="datetime">2009-11-08T05:07:46-05:00</updated-at>
  <views-count type="integer">170</views-count>
  <comments type="array">
    <comment>
      <body>Use a PNG, and fade to translucent instead of fading to #CCCCCC.</body>
      <commentable-id type="integer">16191</commentable-id>
      <commentable-type>Post</commentable-type>
      <created-at type="datetime">2009-03-28T13:22:55-04:00</created-at>
      <id type="integer">418891</id>
      <person-id type="integer">3028</person-id>
      <updated-at type="datetime">2009-03-28T13:22:55-04:00</updated-at>
    </comment>
    <comment>
      <body>&lt;blockquote&gt;&lt;cite&gt;bluchez said:&lt;/cite&gt; Use a PNG, and fade to translucent instead of fading to #CCCCCC.&lt;/blockquote&gt;
and use "dd belated png" to fix the png troubles  with IE6</body>
      <commentable-id type="integer">16191</commentable-id>
      <commentable-type>Post</commentable-type>
      <created-at type="datetime">2009-03-28T13:27:38-04:00</created-at>
      <id type="integer">418895</id>
      <person-id type="integer">3483</person-id>
      <updated-at type="datetime">2009-03-28T13:27:38-04:00</updated-at>
    </comment>
    <comment>
      <body>Thanks for your responses.  I will switch to png.  I also read of using something called gammaslamma on pngs but I'm not sure what it does still, like if it altars the colors or not.  I'll try this out, thanks.

</body>
      <commentable-id type="integer">16191</commentable-id>
      <commentable-type>Post</commentable-type>
      <created-at type="datetime">2009-03-28T13:31:36-04:00</created-at>
      <id type="integer">418899</id>
      <person-id type="integer">2765</person-id>
      <updated-at type="datetime">2009-03-28T13:31:36-04:00</updated-at>
    </comment>
    <comment>
      <body>or for the jpg, you might have photoshop or illustrator or whatever your using adjust the colors. I know at least in photoshop's save for web, the default settings adjust the colors, and wash them out a bit, so that could be your problem.</body>
      <commentable-id type="integer">16191</commentable-id>
      <commentable-type>Post</commentable-type>
      <created-at type="datetime">2009-03-28T14:17:38-04:00</created-at>
      <id type="integer">418937</id>
      <person-id type="integer">5028</person-id>
      <updated-at type="datetime">2009-03-28T14:17:38-04:00</updated-at>
    </comment>
  </comments>
</post>
