title: Too much bottom padding applied to google maps infowindow
body: <p>I'm displaying a Google Maps Infowindow with very little content but there seems to be a lot of padding applied to the bottom of the window.</p>
  
  <p>Example: <a href="http://jsfiddle.net/m9n2X/2/" rel="nofollow noreferrer">http://jsfiddle.net/m9n2X/2/</a></p>
  
  <p>The yellow box shows the content I'm displaying in the window. There is no padding or margin applied to the yellow content.</p>
  
  <p><img src="https://i.imgur.com/z52jA.png" alt="Example"></p>
  
  <p>Javascript</p>
  
  <pre><code>var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
  var mapOptions = {
      zoom: 4,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
  
  var contentString = "&lt;span id='content_string'&gt;I'm a popup window&lt;/span&gt;";
  
  var infowindow = new google.maps.InfoWindow({
      content: contentString
  });
  
  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'Uluru (Ayers Rock)'
  });
  google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
  });
  </code></pre>
  
  <p>Here's the CSS</p>
  
  <pre><code>#map_canvas {
      height: 400px;
      width: 400px;
  }
  
  #content_string {
      background: yellow;
  }
  </code></pre>
  
  <p>Is there a way to reduce the padding that is applied to the bottom of the window?</p>