I'm having trouble creating a gap between the bottom of "headermenu" and the top of "list". No matter what values I use for margin-bottom or padding-bottom, the table won't budge. I could try adding margin-top to the table, but I would prefer to make a single fix in the header that will apply across the entire site. Any suggestions are welcome! Thank you!
#headermenu {
position: absolute;
padding: 0 0 50px 0;
font-weight: normal;
font-size: 75%;
width: 100%;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.tc {
margin-left: auto;
margin-right: auto;
border: 1px solid black;
}<body>
<div id="headermenu">
<div class="alignleft">Create New</div>
<div class="alignright"><a href="?logout">Logout</a></div><br>
<div style="clear: both;"></div>
<div class="alignleft">View</div>
<div class="alignright"><a href="?edituser">Manage User Settings</a></div>
<div style="clear: both;"></div>
<div class="alignleft"><a href="index.php">Main Menu</a></div>
<div class="alignright"><a href="?admin">Administrator Options</a></div>
<div style="clear: both;"></div>
</div>
<table border id="List" class="tc"></table>
</body>