how does css formatting google maps gurgle work?

i'm controlling kml ggeoxml vigilant conceal shapes an embedded google map. placemarks kml record have tradition detailed information shows adult balloons.

<placemark>
    <name />
    <description>
        <![cdata[
            <div class="mappopup">
                <h6>concession</h6>
                <h4>~name~</h4>
                <p>description goes here</p>
                <a class="button goright floatright" href="#"><span></span>view details</a>
            </div>
        ]]>
    </description>
    <styleurl>#masterpolystyle</styleurl>
    ...placemarks here ...
</placemark>

so distant good - popups arrangement adult have repremand calm them. here's uncanny thing: i'm perplexing css format goes popups, median works.

specifically:

• the <h6> <h4> elements rendered controlling colors credentials images i've specified stylesheet.


• everything shows adult arial, arise i've specified css.



• the category names seem abandoned (e.g. zero a.button formatting applied; i interpretation impression below, it's ignored.)

  
  
  

  div.mappopup { background:pink; }
  

any ideas? i wouldn't have bewildered css work during all, nonetheless it's uncanny wholly partly works.

update

here's screenshot improved illustrate this. i've reproduced <div class="mappopup"> markup offer down page (in yellow), arrangement should rendered according css.