title: How does CSS formatting in a Google Maps bubble work?
body: <p>I'm using KML and the GGeoXml object to overlay some shapes on an embedded Google map. The placemarks in the KML file have some custom descriptive information that shows up in the balloons.</p>
  <pre><code>&lt;Placemark&gt;
      &lt;name /&gt;
      &lt;description&gt;
          &lt;![CDATA[
              &lt;div class=&quot;MapPopup&quot;&gt;
                  &lt;h6&gt;Concession&lt;/h6&gt;
                  &lt;h4&gt;~Name~&lt;/h4&gt;
                  &lt;p&gt;Description goes here&lt;/p&gt;
                  &lt;a class=&quot;Button GoRight FloatRight&quot; href=&quot;#&quot;&gt;&lt;span&gt;&lt;/span&gt;View details&lt;/a&gt;
              &lt;/div&gt;
          ]]&gt;
      &lt;/description&gt;
      &lt;styleUrl&gt;#masterPolyStyle&lt;/styleUrl&gt;
      ...Placemarks go here ...
  &lt;/Placemark&gt;
  </code></pre>
  <p>So far so good - the popups show up and have the correct text in them. Here's the weird thing: I'm trying to use CSS to format what goes in the popups, and it halfway works.</p>
  <p>Specifically:</p>
  <ul>
  <li><p>The <code>&lt;h6&gt;</code> and <code>&lt;h4&gt;</code> elements are rendered using the colors and background images I've specified in my stylesheet.</p>
  </li>
  <li><p>Everything shows up in Arial, not in the font I've specified in my CSS.</p>
  </li>
  <li><p>The class names seem to be ignored (e.g. none of the <code>a.Button</code> formatting is applied; if I define a style like the one below, it's ignored.)</p>
  <pre><code>  div.MapPopup { background:pink; }
  </code></pre>
  </li>
  </ul>
  <p>Any ideas? I wouldn't have been surprised for the CSS not to work at all, but it's weird that it only partly works.</p>
  <h3>Update</h3>
  <p>Here's a screenshot to better illustrate this. I've reproduced the <code>&lt;div class=&quot;MapPopup&quot;&gt;</code> markup further down on the page (in yellow), to show how it should be rendered according to my CSS.</p>
  <p><img src="https://farm4.static.flickr.com/3072/2942636927_2f8119a72a.jpg?v=0" alt="alt text" /></p>