The goal of the project is to create a lightbox overlayed on the current page, then give the user the option to see a Google map of the selected address, or the street view. Thus, the Google map is displayed inside an iframe.
The problem I need help with is that the existing code works perfectly under all browsers except IE 6 and 7. Under IE 6 & 7, the page does not centre correctly, the address caption does not paint correctly, and the street view does not repaint without clearing the on-disk cache.
I do not want to employ a different provider or a different method for painting the maps or the street view. There are other constraints on the project as a whole that preclude that possibility.
The sample code is written in Javascript and HTML. The total code size is small and demonstrates the problem.
## Deliverables
The attached demonstration code exhibits the problem.
The code as it is works correctly under Safari, Opera, Firefox and Google Chrome browsers. It does not behave correctly under Internet Explorer 6 or Internet Explorer 7.
The result I need is that the code I receive back must work 100% correctly under Safari, Opera, Firefox, Chrome, Internet Explorer 6, Internet Explorer 7 and Internet Explorer 8 (both modes).
The problems exhibited by the existing code under Internet Explorer version 6 & 7 are:
1. When the map first paints, the caption box (the white box pointing to the location on the street) is not necessarily visible.
2. When the map first paints, the location marker is not centred in the map, and is not necessarily within the map boundaries.
3. When the map marker caption is painted, the white box containing the caption text is often not large enough to contain all the text. Closing and re-opening the caption box will correct this.
4. If the user presses the button to view the street view, the street view will paint correctly. However, if the user subsequently closes the browser and returns to the page, the street view will not be repainted. If the user deletes all temporary internet files (the on-disk cache) the street view will return.
5. Under Internet Explorer 6, the map direction and zoom controls have incorrect shadows, and there are shadows of the marker caption box that render the map's overlay transparent.
I am not interested in the various aspects of the ugliness of this sample code. For example, the "buttons" for street view/map view, the button on the front page, the red box, centering of the map within its containing box, etc. I care only about the map, its contents and correctness in terms of behaviour and state.