footer is not at the bottom of the page code example

Example: why is my footer not at the bottom html

#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background:#999;
}

//name footer id="footer"