Hi, I have a google map inside of a hidden div with toggle javascript. It works fine in all browsers except for IE. I have 2 problems with IE.

1. I used google styler saturation to change the color of the whole map. It looks fine in safari and firefox but IE still showing the original colors.

2. I use customize marker as below for the specific location and again only IE not showing the marker.

Any help will be appreciated. thx.

JS to show the map

Code:
function load() {
var locMap = {center: new google.maps.LatLng(41.556072,-90.581200), zoom: 14,
	mapTypeId: google.maps.MapTypeId.ROADMAP, streetViewControl: false,	 mapTypeControl: false};
	map = new google.maps.Map(document.getElementById("map"), locMap);
	var mapType = new google.maps.StyledMapType(graymap, { name:"Grayscale" }); map.mapTypes.set('gray', mapType);map.setMapTypeId('gray');
	var marker = new google.maps.Marker({icon: blue, shadow: pin, position: new google.maps.LatLng(41.556072,-90.581200), map: map });}

var box = {};
			window.addEvent('domready', function(){
				box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true, showNumbers:false});
				box1 = new MultiBox('form', {descClassName: '', useOverlay: true, showControls: false});
			});
JS to show marker
Code:
    
var blue = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|9aabb5",
        new google.maps.Size(25, 34),
        new google.maps.Point(0,0),
        new google.maps.Point(10, 34));
		
    var pin = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_shadow",
        new google.maps.Size(40, 37),
        new google.maps.Point(0, 0),
        new google.maps.Point(12, 35));