margin-bottom del "contenedor" en IE

margin-bottom del "contenedor" en IE

--------------------------------------------------------------------------------

Buenos días a todos.
Mi duda es la siguiente.
Este es el códido del contenedor:

#contenedor{
border: 1px solid #007a63;
height: auto;
margin: 0px auto;
margin-top: 10px;
width: 775px;
background-color: #FFFFFF;
margin-bottom: 10px;
}

Consigo que la propiedad margin-bottom: 10px funcione en Mozilla Firefox pero no así en IE. ¿ Me podeís decir cual es el motivo y cómo podría arreglarlo?
Gracias de antemano

Por que no usas esto en lugar de todos esos margin que tienes en tu código.

Código :

margin: 10px auto;

Esto es como decir..

Código :

margin-top:10px;
margin-right:auto;
margin-bottom:10px;
margin-left:auto;

Asi mismo puedes dar diferentes margenes usando este metodo

Código :

margin: 10px 20px 30px 40px;

Que es el equivalente de

Código :

margin-top:10px;
margin-right:20px;
margin-bottom:30px;
margin-left:40px;

Adicionalmente a ello Nornor, IE interpreta el margen a su antojo y disposición, por lo que una buena práctica es usar

Código :

*
{
   margin: 0;
   padding: 0;
}

Con ello, reseteas los margenes internos y externos y te evitas la mayoría de esos problemas, porque ahora tú debes controlarlos y no el navegador

Gracias por vuestras respuestas.
He aplicado los dos consejos que me dais pero aún siguo sin controlar el margin-bottom del contenedor en IE.
Este es parte del código por si sirve de ayuda:

Código :

*{  
   margin: 0; 
   padding: 0;}

.limpia{
   clear: both;
}
a{
   text-decoration: none;
   color: #007a63;
}
img{
   border: 0px;
}
body{
   margin: 0px;
   padding: 0px;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
   background-image: url(../imagenes/fondo_body.jpg);
}
#contenedor{
   border: 1px solid #007a63;
   height: auto;
   margin: 10px auto;
   width: 775px;
   background-color: #FFFFFF;
}

Gracias de nuevo y un saludo.

Hola de nuevo. Poniendo el código así si sale. No se si habré desarreglado otra cosa pero aparentemente no. Muchas gracias por la ayuda.

Código :

.limpia{
   clear: both;
}
a{
   text-decoration: none;
   color: #007a63;
}
img{
   border: 0px;
}
body{
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
   background-image: url(../imagenes/fondo_body.jpg);
   margin-top: 0px;
}

#contenedor{
   border: 1px solid #007a63;
   height: auto;
   margin: 10px auto;
   width: 775px;
   background-color: #FFFFFF;

Saludos

No olvides, que también puedes usar condicionales para Internet Explorer y filtrar tus estilos.