Menu w dole strony

Do prostej strony chciałbym mieć własny template z menu w dole strony. Uzyskałem to umieszczając w footer.php

<div id="footer">
<nav id="site-navigation" class="main-navigation" role="navigation">
		<?php	wp_nav_menu( array( 'theme_location' => 'header-menu' ) );?>
</nav>
</div>
</body>
</html> css

i w css
body { text-align: center; background: #000000;}

#wrapper { display: block; border: 0px #a2a2a2 solid; width:100%; height: auto; margin-top: 5px; margin-bottom: 0px}
#header { border: 0px #a2a2a2 solid;padding-top: 20px;  }
#content { border: 0px #a2a2a2 solid; position:relative; width:100%; height: auto;}
#footer { border: 0px #a2a2a2 solid; position:fixed; bottom:0; left:0; width:100%; }

w jaki sposób ograniczyć zawartość div content, tak żeby był na szerokość menu w stopce a wycentrowany tekst w nim nie wchodził na stopkę?
Z góry dziękuję za odpowiedź.