Recently, I updated to Firefox 4 and noticed that it's causing some display issues with my sidebar. Specifically, I have a contact form in the sidebar where I've applied a 1px margin to the textarea element. This aligns perfectly in all browsers except for Firefox 4, which requires a 3px margin to look correct. How can I address this issue? Here is the CSS code for the textarea:
textarea {
background: #0D1E2A;
border: 1px solid #102B3E;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-border-radius: 2px 2px 2px 2px;
padding: 1px;
margin-left:1px;
width:145px;
overflow:auto;}