Map Marker cut in half

[John Jost]

I have created simple maps for locations to our various campuses and offices.  In Safari, Chrome, and Firefox the default map marker displays properly, but in IE, the map marker is cut if half and duplicated back to back.  Here is a link to one of our pages with this map and problem marker.

 

The div tag around the map is the default google, map canvas.  My CSS for the map canvas is:

/* ~~ styles for google maps ~~ */
#mapCanvas {
 border-top: 1px solid #2B71B9;  /* Set to banner color */
 border-left: 1px solid #2B71B9;  /* Set to banner color */
 border-right: 2px solid #6E6E6E;
 border-bottom: 2px solid #6E6E6E;
}

 

#mapCanvas {
 float:left;
 width: 730px;
 height: 400px;
 margin: 10px 0 10px 10px;
}

 

I can not find out why this is splitting in IE, but fine in other browsers.  Has anyone seen something like this, and have an idea what I am missing?

 

Thanks

 

[Enoch Lau]

I saved the HTML file to disk (without any other resources, like your CSS files) and the marker displays as normal on IE. Perhaps take a look at your CSS and see if there's anything that's interfering with the map.