Remove Blue Background from Header Image - IE6

[renet]

Not quite sure how to describe what is happening.

I have a header image and on Mozilla and IE7 it displays correctly.

However, using IE6 there is a blue background to the image.

So, let me try to explain better.

Imagine an image that is in the shape of " + " a plus sign 1" tall and 1" wide. Than when viewing in IE6 rather than seeing only the + it actually appears as if there is a light blue box 1" x 1" with the + placed right in the middle. So, the net effect is:

Black Background in the header
Header Image is various colors (it's our company logo)
Stretching the width and height of the header image is a light blue background.

This light blue background does not show up on any other browser.

thanks!

[mattur]

Sounds like the image is a PNG with alpha transparency(?) IE6 doesn't support alpha transparency, IE7 and FF do.

See this thread for more info: PNG Transparency Problems in IE [webmasterworld.com]

[tedster]

Stretching the width and height of the header image is a light blue background.

Sounds like the image has transparency and IE is showing the header's background color through that transparency but other browsers are shoing a different background color.

This could be a coding issue, originating wherever background-color is being declared. But you might want to fix the image so there is no transparency - that would be the more certain guarantee.

[renet]

Thanks!

I also noticed that in IE6 another image problem.

On main page I have a large jpg in the content. Around the entire jpg is a blue border about 1px. However, on the other browsers - no border around the jpg.

any ideas?

In the meantime will deal with this transparency issue.

regards,

[SuzyUK]

would a blue border better describe it?

if so I wondered if it's just the default link border, is that logo image also a link renet?

is so try adding:

a img {border: 0;}

to the css file

[edit].. I cross posted with you, border it is..

[edited by: SuzyUK at 4:11 pm (utc) on Sep. 4, 2008]

[renet]

Suzy,

Your comment:

if so I wondered if it's just the default link border, is that logo image also a link renet?

caused me to look at the source code for the image in the content and sure i had a link in the code. That's gone.. blue border in IE is now gone.

[SuzyUK]

good :)
is it gone for both your IE image issues or just the second one you mentioned?

and just FYI if you did want the image to be a link then that CSS above should still help