la explicacion de porque una version sucede y en otro no, no la se. de todos modos, sucede por la forma en que estas tratando de posicionar los elementos. en tu caso, estas usando margenes con valores negativos. lo correcto seria alguna tecnica que todos los navegadores entiendan por igual. por ejemplo, puedes usar posiciones absolutas. en este caso, aplicado a los botones CSS y HTML. y el texto que dice "Designed by" ubicalo dentro del footer.
algo asi es lo que tienes que hacer...
Código HTML:
<div id="footer">
<p class="xhtmlcss">botones HTML y CSS</p>
<p>copyright, aviso legal y contacto</p>
<p>direccion fisica</p>
<p class="createdby">designed by ... </p>
</div>
<style>
#footer{
position:relative;
}
.xhtmlcss{
position:absolute;
top:0;
right:2em;
}
.createdby{
text-align:right;
}
</style>