Footer Problem

I have a problem with the site i am working right now.

The problem is the footer of other page is not at the bottom.

Footer Okay
Footer Not Okay:

footer.php

<footer>
	<div id="footerWrap">
        <div class="left">
            <?php dynamic_sidebar('Footerleft');?>
        </div>

        <div class="right">
            <?php dynamic_sidebar('Footerright');?>
        </div>
    </div>

    <br class="clearfix" />
</footer>

</body>
<?php wp_footer(); ?>

</html>

CSS:

footer{
	background: #00174b;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}

#footerWrap div li{
	list-style: none;
}

#footerWrap div{
	max-width: 200px;	

}