title: cannot get height 100% to work in polymer elements
body: <p>I'm trying to use this technique </p>
  
  <p><a href="https://stackoverflow.com/questions/6158975/css-100-height-layout">CSS 100% height layout</a> </p>
  
  <p>to fill page height 100%  </p>
  
  <p>Ultimately it fails because DOM has custom tags that won't honor height tag</p>
  
  <p>Example:</p>
  
  <p><strong>Works</strong></p>
  
  <pre><code>&lt;div style="height:100%"&gt;
    ok here
    &lt;div style="height:100%"&gt;
      &lt;!-- WORKS: takes full browser height --&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Broken</strong></p>
  
  <pre><code>&lt;div style="height:100%"&gt;
    ok here
    &lt;my-tag style="height:100%"&gt;
      &lt;!-- BROKEN : takes minimal browser height --&gt;
    &lt;/my-tag&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried using</p>
  
  <pre><code>&lt;polymer-element name="my-tag" extends="div"&gt;
  </code></pre>
  
  <p>but then page silently doesn't render anything.</p>