Diferentes margen en Mozilla e IE

[xanthus]

Hola!

Tengo un div con el id "contenido", el cual quiero que en internet explorer se mueva 10px hacia desde la izquierda y en firefox tambien los mismos 10 pixeles. El problema es que no se mueven de la misma forma. Por ejemplo

Código:

#contenido {
    margin: 0px;
    padding: 0px;
    background: lime;

Si pruebo con la propiedad "margin-left" el resultado no es el mismo. Anteriormente había escuchado que Mozilla tiene una función algo como: "moz" y luego la propiedad, pero no me funciona "moz-margin-left"

Muchas Gracias
Agradezcos sus comentarios

[leoj90]

Es fácil, FF tiene el scrollbar un poco más ancho.

[xanthus]

No entendi ... ¿me puedes ampliar tu respuesta por favor?

[leoj90]

Además de IE existen 2392183021 navegadores, el mejor: FireFox.
FireFox, tiene las barras de desplazamiento un poco más anchas q IE, osea q ocupan unos 3px más. Y si pones un margen de 2px de la izquierda, será como si pusieras 6px en IE.

[xanthus]

Si muchas Gracias por la aclaración. Pero no era lo que buscaba.

Lo que pasa es que si le doy 10 px de margen hacía la izquierda cada navegador debería interpretarlo como tal, ósea se creen los 10 pixeles de distancia. En el caso que me mencionas firefox tendría que ponerle 7 px de margen para que internet explorer quedara con 10 y no es la idea.

Muchas Gracias

[kemie]

xanthus, no veo porque serian distintos los margenes, puedes mostrarnos lapagina donde aparece tu error?

[xanthus]

Sí como no, Mira este es mi CSS.

Código:

* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #dcdcdc;
}
body, html {
	font-family: Tahoma, Arial;
	font-size: 9pt;
	color: black;
	height: 100%;
	min-height: 100%;
}


/* Encabezados */
h1 {
	font-family: Tahoma, Arial;
	Font-size: 12pt;
	font-weight: bold;
	color: #5489ad;
	text-align: left;
	text-align: center;
}
h2 {
	font-family: tahoma, arial;
	Font-size: 10pt;
	font-weight: bold;
	font-weight: 900;
	color: #008dc7;
	text-align: left;
}

/* Link Genericos */
a:link {
	font-weight: bold;
	color: #009abb;
	text-decoration: none;
}
a:visited {
	font-weight: bold;
	Color: #009abb;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	Color: #98a3a8;
	text-decoration: none;
}
a:active {
	font-weight: bold;
	Color: #98a3a8;
	text-decoration: none;
}

/*Divs*/
#alinea {
	position: absolute;
	width:980px;
	left: 50%;
	margin-left: -490px;
	background: url('images/bg/principal.gif');
	background-repeat: repeat-y;
}

/* Div dividen */
#izq {
	width: 746px;
	margin-left: 12px;
	margin-top: 160px;
	padding: 0px;	
	float: left;
	font-size: 11px;
	margin-bottom: 20px;
	background: lime;
}
#der {
	width: 210px;
	margin-top: 160px;
	float: right;
	font-size: 11px;
	font-family: tahoma;
	background: transparent;
}

El problema es que el div "izq" al colocarle un "margin-left: 12px" en Firefox se ve super bien, pero en IE la distancia del margen es mayor a la que yo he establecido.

¿Existe alguna forma de decirle a firefox que se mueve los 12 px y a internet explorer que se mueva solamente 8px?

Saludos
Gracias

[baccxus]

claro:

margin-left: 12px;
/margin-left: 8px;

Saludos

[xanthus]

Muchas Gracías baccxu