CSS Compatible - Firefox / IE

Utilizar hojas de estilo CSS es una de las herramientas que ningún buen diseñador puede evitar, ya que es algo que realmente le da una presentació muy elegante y armoniosa a nuestras paginas y sitios. Pero en ocaciones nos encontramos con problemas de compatibilidad con todos los navegadores. Yo como (creo) la mayoria de nosotros, diseños las hojas css basándome en el aspecto final del Firefox, para terminar enterandome que al ver el producto final en el IE, obtengo margenes corridos, desalineamiento o error en la página.
Con este motivo base mi busqueda en una solución a esto.

y encontré dos soluciones para respetar los gustos de cada diseñador... por Ejemplo:

Para los diseñadores en Firefox:

La solucion de estos errores de compatibilidad, es utilizar en el CSS las propiedades con / (barra), los paramtros que inicien con la / (Barra) se aplicaran al IE, y el resto de parametros sera tomado para Firefox.

Ejemplo...

Cita:

div {
width: 770px; /* para Firefox */
/ width: 780px; /* para IE */
}

Para los diseñadores en IE:

Para Uds, la solución que encontré fue:
Copiar cada propiedad, y anteponerle la instrucción "html>body" (sin las comillas) cambiando lo que haga falta para lograr la equivalencia con el Firefox.

Ejemplo...

Cita:

#leftnav
{
width: 200px;
background-color: #81A7FE;
float:left;
margin-left:0px;
margin-top:0px;
}
y me funciono bien en IE7 pero luego hice lo siguiente:
html>body #leftnav
{
width: 200px;
background-color: #81A7FE;
float:left;
margin-left:-50px;
margin-top:0px;
}

Espero que les sea de tanta ayuda como para mi

No lo tomen a mal.. pero yo veo asi...

Firefox



IE


Saludos T!