footer-Problem

[pto]

Hallo, ich habe ein Problem mit meinem Footer. In der bisherigen Variante steht der footer, wie es sich gehört, unten:
ALT

Jetzt habe ich ein Slide-Menu eingebaut, ohne etwas am footer oder am css zu ändern, aber der footer steht jetzt oben auf der Seite.

NEU

Das betreffende css ist:

  
.footer {  
    margin-bottom: 2px;  
    text-align:center;  
}  
    

HTML ALT:

  
  
.....  
</article>  
  
   </div>  
  
    </div>  
  
  
...  
  
<script type="text/javascript" src="http://nachrichtentisch.de/scripts2.js"></script>  
  
  
<div class="footer">  
 <hr>  
Verantwortlich f&uuml;r dieses nichtkommerzielle Informationsangebot: P. Tomuscheit   2014  
 <hr>  
</div>  
  
		<!-- Left Slidebar -->  
		<div class="sb-slidebar sb-left">	  
  
............usw.		  
  
	

HTML NEU:

</article>  
   </div>  
  
    </div>  
  
.....                  <div class="footer">  
 <hr>  
Verantwortlich f&uuml;r dieses nichtkommerzielle Informationsangebot: P. Tomuscheit   2014  
 <hr>  
</div>  
  
        <div id="menu">  
            <nav>.....  
  
usw.  

Gruß und Dank