title: Leaflet - Map is not getting center aligned
body: <p><br>
  I am using leafletjs to show map. I am not able to fix the map to center. When i, re size the window, then the map seems fixing itself to center. I have created a <a href="http://jsfiddle.net/gFyuJ/" rel="nofollow">fiddle</a> . This problem occurs in this specific scenario of HTML <br>
  This is my HTML</p>
  
  <pre><code>    &lt;div id="test"&gt;click&lt;/div&gt;
      &lt;div id ="left" style = "width:100px; height:500px; float:left; background-color:red"&gt;&lt;/div&gt; 
      &lt;div style ="width:100%"&gt;
         &lt;div style ="width:80%; height:auto"&gt;
            &lt;div id="list" style = "height:500px;background-color:black"&gt;&lt;/div&gt;
            &lt;div id="map" style = "height:500px;display:none"&gt;&lt;/div&gt;
         &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>