Fixed nav-bar section

html code :

<div id="footer">    <hr>    <p>Designed by Arafat. No right reserved</p>    <a style="color: white; text-decoration: none; cursor: pointer; font-weight: bold;" href="dashboard.php">        <p> There is no God none but Allah</p>    </a>    <hr></div>

css code:

#footer {    padding: 10px;    border-top: 1px solid black;    color: #eeeeee;    background-color: #211f22;    text-align: center;    position: fixed;    left: 0;    bottom: 0;    width: 100%;}

try this for fixed footer section