views:

57

answers:

1

Hi I'm having some trouble with IE7 when doing a map. I've made an xml and ajaxed it to grab points based on where the user is on the map. It works well, and in FF, IE8 no problems when they click the points. On IE7 it firstly misses the cross at the top right, has some problems with the border (fixed that with some margin) and more importantly cuts out an portion of the image which I can't figure out.

alt text

I've attatched an image and what you see there is basically an a tag with a background image. I've taken the title out as I thought that might cause it. Basically I'm stumpped any ideas. Thanks Richard

+2  A: 

There seems to be a bug in Internet Explorer which has to do with how transparent PNGs are scaled when using the Zooming feature of the browser. It's difficult to reproduce because it's a local browser setting.

It happens even in maps.google.com. See the example below at 125% zoom, using Internet Explorer 8:

alt text

Is your zoom set to anything other than 100%?

Daniel Vassallo
Sorry jigged around with it and it happens no matter what the zoom was on 100%,75% 125%
Richard Housham
Good Idea, though what I think might help is a way to force the map to do a redraw - is this possible?
Richard Housham
@Richard: Do you mean that a `map.setCenter()` fixes the rendering problem?
Daniel Vassallo
No I just wanted to know is that possible in the end I just wrote some code to remove the shadow as that was causing the problems in IE 7. Bit of a hack but hopefully IE7 will die shortly!
Richard Housham