title: Black blocks on Google map API v3
body: <p>I have problems with embedded Google map. I'm using API v3, and for some reason black blocks are rendered behind map controls and marker.</p>
  
  <p>Here's the screenshot:</p>
  
  <p><img src="https://i.stack.imgur.com/WB78R.jpg" alt="Black boxes on google map"></p>
  
  <p>I only have HTML5 doctors reset stylesheet, and some very simple custom styling for layout and typography. when I refresh page whole map blinks for a moment and then black blocks are rendered.</p>
  
  <p>Here's codepen, but map is not displayed there for some reason. I have marked it with: [GOOGLE MAP] so it's easier to find.
  <a href="http://codepen.io/Jinx/pen/bcrpn" rel="nofollow noreferrer">http://codepen.io/Jinx/pen/bcrpn</a></p>
  
  <p><strong>[UPDATE]</strong></p>
  
  <p>I have created new html without any content except map <code>div</code> element and all scripts and css files from original html are included and map works properly.</p>
  
  <p>This confuses me because it would appear that this bug is due to HTML surrounding the map?</p>
  
  <p><strong>[UPDATE2]</strong></p>
  
  <p>I got map to render on code pen but it has no controls and no marker. Still same result on local version.</p>
  
  <p><strong>Could it be because I'm working locally?</strong></p>
  
  <p><strong>[UPDATE3]</strong></p>
  
  <p>I just checked in Firefox, Internet Explorer 9, Opera and Safari and map is rendered perfectly. This seems like <strong>Chrome bug</strong>.</p>
  
  <p>Also, I have noticed that chrome is offsetting all element boxes out of browser window visible area. Here's a screenshot.</p>
  
  <p>Inspectors in other browsers show boxes normally.</p>
  
  <p><img src="https://i.stack.imgur.com/oDmbC.jpg" alt="enter image description here"></p>