layout of core-pages + footer

http://stackoverflow.com/questions/27643682/one-div-is-overlapping-another-when-using-polymer

by kreide

HTML

<link rel="import" href="http://www.polymer-project.org/0.5/components/polymer/polymer.html">
<link rel="import" href="http://www.polymer-project.org/0.5/components/paper-elements/paper-elements.html">
<link rel="import" href="http://www.polymer-project.org/0.5/components/core-elements/core-elements.html">
<polymer-element name="page-footer" noscript>
    <template>
        <style>
            footer {
                position: relative;
                background-color: #fafafa;
                padding: 100px 0;
                padding-left: 64px
            }
            footer .links {
                margin-bottom: 56px
            }
            footer paper-button {
                margin-right: 30px;
                margin-bottom:10px;
                opacity: 0.6;
                color: black
            }
            footer #copyright {
                color: #b3b3b3;
                font-size: 14px;
                text-align:center
            }
            footer>:first-child {
                max-width: 1032px;
                margin: 0 auto
            }
        </style>
        <footer>
            <div>
                <div class="links"> <a href="/"><paper-button raised><core-icon icon="archive"></core-icon>Update Archive</paper-button></a>
 <a href="/"><paper-button><core-icon icon="face-unlock"></core-icon>Contact and Chat</paper-button></a>
 <a href="/"><paper-button><core-icon icon="account-balance"></core-icon>Legal Disclaimer</paper-button></a>
 <a href="/"><paper-button><core-icon icon="receipt"></core-icon>Terms of Service</paper-button></a>
 <a href="/"><paper-button><core-icon icon="bug-report"></core-icon>Report A Bug</paper-button></a>

                </div>
                <p id="copyright">This website and its contents are copyright &copy;2014-2015 Website Name.</p>
            </div>
        </footer>
    </template>
</polymer-element>
<polymer-element name="my-pages" noscript>
    <template>
        <style>
            :host {
   ...