Lo lamento escribí mi respuesta apenas vi tu pregunta y luego me fui. Que bien que encontraras el error tu solo.
(creo que tu problema era el siguiente:)
<h2 class="log-in">Registered Clients
</h2> <p> <!-- ese p no veo en que momento lo cierras -->
Nose si sea eso, pero es lo que veo a simple vista.
Vi que no reutilizaste esas clases que le pusiste a cada li, ul y al div mismo... es por esto que he de suponer que no conoces de todo bien css3, te explicare.
En css3 puedes seleccionar multiples elementos html si necesidad de hacer uso de clases o IDs, por ejemplo si yo quiero seleccionar un div que esta inmediatamente dentro de un header puedo hacer lo siguiente:
header>div{background:#F1F1F1;}
y si lo hago de este modo mi codigo html quedara mas limpio:
<li><a href= "logout.php">Logout
</a></li> <li><a href= "login.php">Login
</a></li>
Te recomendaria averiguar sobre eso.
También me fije que en tu #nav no hiciste uso de nav, veras utilizas header para el header, pero para tu nav utilizas un div. esto crea ciertas inconsistencias meramente lógicas, también te recomendaría cambiarlo.
<nav>
<li><a href = "index.php">Inicio
</a></li> </nav>
Otro tema es que en tu tabla, te recomendaría usar bien los td y los th igual que hacer uso de thead y tbody.
<table id="t_register_clients">
Bueno, muchas otras recomendaciones, como por ejemplo que tu js lo dejes al final del body o que tu #footer sea un <footer>, y sobre todo que te fijes bien en las etiquetas cuando las abres y cuando las cierras, porque creo que ese p no es el único raro, también hay un div, pero no estoy muy seguro. Suerte!