hay varias opciones , por ejemplo hay un problema con el height entre IE y firefox
para que te hagas una idea te pego mi css donde tengo que utilizar unos comandos para firefox y otros para IE.. si te sirve de ayuda..
#encabezado{
width: 100%;
height: 139px;
text-align: center;
border-top:1px solid #339933;
background-color:#339933;
}
#envoltura{
margin-top: 13px;
background-color: #FFFFFF;
width: 100%;
height: 300px;
}
/* Herencia directa. Sólo lo interpreta Mozilla. /
/ Permitir que amplíe tamaño en el caso de que el contenido sea más amplio que 300px */
body > #envoltura {
min-height: 300px;
height: auto;
}
#navegacion{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
background-color: #FFFFFF;
background-repeat: no-repeat;
width: 19%;
float: left;
margin: 0px;
}
#envoltura > #navegacion {
margin-left: 0px;
}
#navegacion a{
text-decoration: none;
}
#navegacion b{
font-size: 0.9em;
}
#acceso{
font-size: 1em;
}
#recordarClave{
font-size: 0.9em;
}
#recurso{
width: 81%;
margin-left: 21%;
padding-bottom: 15px;
height:100%;
width:auto;
background-color: #FFFFFF;
color: #000000;
overflow:visible;
}
/* Mozilla: estilo para evitar que los clear dentro del recurso cierren al final del menú en vez
de donde deberían estar */
#envoltura > #recurso{
height:100%;
overflow: hidden;
margin-left: 20px;
}
#pie{
font-size: 1em;
}
#pie a{
text-decoration: none;
}