DIV issue in IE

**noholdsbarned** · 02-28-2008, 02:43 AM

Hi All,

I'm having trouble figuring out how to solve this issue. I have a div called "kitty" within another div called "masthead", relatively positioned, and inside kitty is a transparent png. This renders correctly in every browser except for IE, naturally.

Anyone have any ideas on how i can work around this problem?

You can look at the test site here: http://coachingbycarminda.com/test

If you view it on Firefox or Safari, it should look seamless, but on IE it gets all crazy. I'm on a Mac, but have tested on both PCs and Macs, and I've only found the problem on IE.

For those who don't have IE, here is what it looks like on the browser: http://coachingbycarminda.com/test/images/cbc_IE.JPG

Any help would be awesome!

**rangana** · 02-28-2008, 03:05 AM

...now with IE7, it looks fine to me

**noholdsbarned** · 02-28-2008, 03:48 AM

yeah, i need it to look fine in v5.5 and 6 also.

**rangana** · 02-28-2008, 03:59 AM

I don't have v5 and 6 here...my apologies

**sandyk3** · 02-28-2008, 05:41 AM

Hi,

I've had that same problem and found out that IE 5.5 and 6 do not handle png's the way you'd like.

I also would like to recommend www.browsershots.org to you as I work on a MAC also and it's a pain having to switch over to "the dark side" just to test in IE.

Happy Coding!
Sandy K

**noholdsbarned** · 02-28-2008, 05:53 AM

that's an awesome site; thanks for that.

so maybe my issue is with the PNG itself, and not the way my divs are set up?

**noholdsbarned** · 02-28-2008, 09:42 AM

im realizing that big gap between the masthead graphic and the menu isnt an issue caused by the png, but by something with the code... as far as i can tell. i've solved the transparency issue but can't figure out why the code is rendering that huuuge gap.

any ideas?

**sandyk3** · 02-29-2008, 05:29 AM

Well, maybe I love to say this. My boyfriend keeps telling me, when I have a problem with IE, and I'm struggling to find a "fix", "Honey, it's Internet Explorer - that's your problem". I am tending to side with him as I have read that IE is not compliant in many areas of HTML. And they keep trying to fix it, but run into other issues. You can, however, put in a JavaScript that encourages your users to upgrade to the newest IE7. I checked out your code and I don't really see any problem with it, but I am not an expert, like some of the people on this forum. I've learned a ton by lurking around.

I'll be watching this post to see if anyone can come up with a fix for your code.

Sandy K