title: Google Maps: Simple app not working on IE
body: <p>We have a simple Google Maps traffic application up at: <a href="http://www.avonandsomerset.police.uk/newsroom/traffic/" rel="nofollow noreferrer">http://www.avonandsomerset.police.uk/newsroom/traffic/</a></p>
  
  <p>For some reason it's recently stopped working in IE correctly. At this point in time it was using V2 of the API, so I've just upgraded it to use V3 - but it still won't work in IE.</p>
  
  <p>It <strong>works fine in Chrome</strong> &amp; <strong>Firefox</strong>. But in all versions of IE I've tired (6,7,8) the Google Map doesn't load fully.</p>
  
  <p><strong>The problem</strong><br>
  The Google Map DIV will generally load all the controls (Zoom, Powered by Google, map types) but the actual map tiles do not appear in IE. I can just see the grey background of the DIV></p>
  
  <p><strong>What I've tried</strong><br>
  I've commented down the JavaScript code to just the following on the page, but it still has the same problem:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt; 
  
  &lt;script type="text/javascript" &gt; 
  
      var map;
  
      $(document).ready(function () {
          initialize(); // Set-up Google map        
      });
  
      function initialize() {
          var options = {
              zoom: 9,
              center: new google.maps.LatLng(51.335759, -2.870178),
              mapTypeId: google.maps.MapTypeId.ROADMAP
          };
          map = new google.maps.Map(document.getElementById("googleMap"), options);
      }
  
  &lt;/script&gt;
  </code></pre>