css - Footer not getting stretched 100% -

i have footer in html

<div id="footer">        </div> 

whose css properties are

#footer{     height:500px;     background-color:#d0c5a6;     float:left;     padding:15px 0;     min-width:100%; } 

but footer not stretched through whole page abt 5px space shown on left , 5px on right why?

have set margin: 0; footer , / or margin: 0; padding: 0; body/html?