title: Google Map .InfoWindow Set Height and Width
body: <p>How do you set the size and width of a google map <code>InfoWindow</code>? I looked <a href="http://code.google.com/apis/maps/documentation/javascript/reference.html" rel="nofollow noreferrer">on the api page</a> and only found a <code>maxWidth</code> method. </p>
  
  <p><strong>Edit:</strong> I have tried a few things. So far none of these work:</p>
  
  <pre><code>    var markerInfoWindow = new google.maps.InfoWindow({
          content: markerHTMLString,
          maxHeight: 400,  //Doesn't work
          maxWidth: 400,   //Doesn't work
          width: 300,      //Doesn't work
          height: 300      //Doesn't work
      });
  </code></pre>
  
  <p>Also say <code>markerHTMLString</code> is equal to this: </p>
  
  <pre><code>&lt;div class = "MarkerPopUp"&gt;&lt;div class = "MarkerContext"&gt;Text&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I have tried these three options as well (none of them worked)</p>
  
  <ol>
  <li><pre><code>.MarkerPopUp {
      height: 300px;
      width: 300px;
  }
  </code></pre></li>
  <li><pre><code>.MarkerPopUp {
      height: 300px;
      width: 300px;
  }
  
  .MarkerContext {
      height: 300px;
      width: 300px;
  }
  </code></pre></li>
  <li><pre><code>.MarkerContext {
      height: 300px;
      width: 300px;
  }
  </code></pre></li>
  </ol>
  
  <p>This also will not work:</p>
  
  <pre><code>document.getElementById('MarkerPopUp')parentNode.style.overflow = '';
  </code></pre>
  
  <p>or this</p>
  
  <pre><code>document.getElementById('MarkerPopUp').parentNode.parentNode.style.overflow = '';
  </code></pre>
  
  <p>I am pretty much going through every thread I can find and trying everything. Just to limit a few things out (though there may be another issue)</p>