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.
wp-site(dot)co(dot)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%;
    }