Google Maps and IE 7 Issue

Hi Guys! I have a very wired issue of Google Maps

I am trying to show the destination on the google maps which is perfectly working fine.

Issues are with IE 7 main browser.

In IE 7

1. The Gray area is appearing on the Right Part of the Google Map and it is quite big. In all other browsers it is working perfectly fine. in Safari, opera, chrome, mozilla, IE 8 and only IE 6/7 have issues


I am using as:

 <div id="map_1" style="width:100%; height:500px;z-index:0;">&nbsp;</div>
            <div id="side_bar" style="visibility:hidden; position:absolute;color:black;z-index:0;"></div>
            <noscript>
            <b>JavaScript must be enabled in order for you to use Google Maps.</b> However, it seems JavaScript is either disabled or not supported by your browser. 
            To view Google Maps, enable JavaScript by changing your browser options, and then 
            try again.
            </noscript>
            <script type="text/javascript">
             Google Code here
             // create the map
      var map = new GMap2(document.getElementById("map_1"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng( 31.796282,77.314832), 5);
            </script>

Code (markup):

Please Guide me what i do so that the Grey should disaapear