perché il mio 'footer' si posiziona bene con IE, cioè dopo il contenuto della pagina, mentre con firefox si posiziona a metà della pagina, creando sovrapposizione di contenuti ?

div#footer{
text-align:center;
color:#263776;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
background-color: #9ea6c2;
height:20px;
line-height:20px;
vertical-align:middle;
margin: 0 auto;
margin-top:10px;
}