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
