Ho un'altro problema, sempre con i margini.

Ho questi tag

<div>



<a>prova</a>
<a>prova</a>
</p>
</div>

div {width: 300px; height: 500px;}
p {display: block; margin: 50px 0 0 0; padding: 0;}
a {display: block; width: 50px; height: 50px; border: 1px solid #000000;}


Si vedono i due blocchi del tag a che stanno uno sotto l'altro di tot grandezza e và bene, però con mozilla sono + a sinistra, con ie + a destra come mai ?

Se metto il margin: 0 auto; stanno tutti e due in mezzo in entrambi i browser!

Però io voglio lavorare con i margini, ma i due browser sono sfalsati.

Quale può essere il problema ?