title: Leaflet map loading half greyed tiles
body: <p>I have a leaflet map in a div that I loa like this:</p>
  
  <pre><code>  &lt;script src="http://cdn.leafletjs.com/leaflet-0.4/leaflet.js"&gt;&lt;/script&gt;
  
    &lt;!--[if lt IE 9]&gt;
    &lt;script src="//html5shiv.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
    &lt;![endif]--&gt;
    &lt;link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4/leaflet.css" /&gt;
    &lt;!--[if lte IE 8]&gt;
    &lt;link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4/leaflet.ie.css" /&gt;
    &lt;![endif]--&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /&gt;
  </code></pre>
  
  <p>I then have a div such as this:</p>
  
  
  
  <p>Some js that loads the map:</p>
  
  <pre><code>map = L.map($attrs.id,
                           center: [40.094882122321145, -3.8232421874999996]
                           zoom: 5
        )
        L.tileLayer("http://{s}.tile.cloudmade.com/57cbb6ca8cac418dbb1a402586df4528/997/256/{z}/{x}/{y}.png",
                    maxZoom: 18
        ).addTo map
  </code></pre>
  
  <p>Then on page load I have some JS that monitors window height and resizes:</p>
  
  <pre><code>$("#map").height($(window).height())
  $(window).resize(_.throttle(-&gt;
    $("#map").height($(window).height())
  , 100
  ))
  </code></pre>
  
  <p>However when the map loads it loads with half the tiles in grey. When i resize the map loads fine but the initial load is 1/2 grey</p>