footer css problem

I am trying to develop a wp theme. But a problem arise with the footer.
I have uploaded the theme in my testing server.
https://wp-site.co.cc

Here footer area comes into left side, just beneath the sidebar. But I have created separate footer.php file and div for it.

I want to set my footer part at bottom of the theme.

Please take a look at the codes below.

This is the footer.php

<div id="footer">

<span> This footer . All right reserved. </span>

</div>

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

In style.css

#footer{ height: auto;
		width:100%;

}