title: Paper tabs not showing correctly in Dart Polymer app
body: <p>I am new to Dart and Polymer. I'm trying to create Tabs but they don't show correctly. Here is my code:</p>
  
  <pre><code>&lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;meta name="scaffolded-by" content="https://github.com/google/stagehand"&gt;
    &lt;title&gt;Paper Tabs Events&lt;/title&gt;
  
    &lt;link rel="stylesheet" href="styles.css"&gt;
  
    &lt;link rel="import" href="packages/polymer/polymer.html"&gt;
    &lt;link rel="import" href="packages/paper_elements/roboto.html"&gt;
  
    &lt;link rel="import" href="packages/core_elements/core_header_panel.html"&gt;
    &lt;link rel="import" href="packages/core_elements/core_toolbar.html"&gt;
    &lt;link rel="import" href="packages/core_elements/core_pages.html"&gt;
  
    &lt;link rel="import" href="packages/paper_elements/paper_tabs.html"&gt;  
    &lt;link rel="import" href="packages/paper_elements/paper_icon_button.html"&gt;
  &lt;/head&gt;
  
  &lt;body unresolved&gt;
    &lt;core-header-panel flex&gt;
      &lt;core-toolbar class="medium-tall"&gt;
        &lt;paper-icon-button id="navicon" icon="dashboard"&gt;&lt;/paper-icon-button&gt;
        &lt;span flex&gt;Main Heading&lt;/span&gt;
        &lt;paper-icon-button id="morebutton" icon="more-vert"&gt;&lt;/paper-icon-button&gt;
  
        &lt;paper-tabs class="bottom fit" selected="1"&gt;
          &lt;paper-tab&gt;IMPORT&lt;/paper-tab&gt;
          &lt;paper-tab&gt;DEFINE&lt;/paper-tab&gt;
          &lt;paper-tab&gt;DESIGN&lt;/paper-tab&gt;
          &lt;paper-tab&gt;DEVELOP&lt;/paper-tab&gt;
          &lt;paper-tab&gt;DEPLOY&lt;/paper-tab&gt;
          &lt;paper-tab&gt;EXPORT&lt;/paper-tab&gt;
        &lt;/paper-tabs&gt;
      &lt;/core-toolbar&gt;
  
      &lt;core-pages&gt;
        &lt;div&gt;&lt;h1&gt;Core Page&lt;/h1&gt;&lt;p&gt;This is content for core page.&lt;/p&gt;&lt;/div&gt;
      &lt;/core-pages&gt;
    &lt;/core-header-panel&gt;
  
    &lt;script type="application/dart"&gt;export 'package:polymer/init.dart';&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Once they display correctly I then want to dynamically change the content under tabs on tab selection. But that is for later, first the tabs need to display correctly. Any help would be appreciated.</p>
  
  <p>Here is the screenshot how it looks like.</p>
  
  <p><a href="https://www.dropbox.com/s/px2as8lor4a67ro/Screenshot%202015-04-23%2022.59.47.png?dl=0" rel="nofollow">https://www.dropbox.com/s/px2as8lor4a67ro/Screenshot%202015-04-23%2022.59.47.png?dl=0</a></p>