activar una CSS u otra dependiendo del navegador desde el que se acceda

[goya.marta]

hola,
he hecho lo que me habéis dicho y si me sale. la verdad que para alguien que no sabe mucho como yo. ha sido fácil hacerlo y a sido fácil entenderlo y la otra forma que explicas no sabría ni cómo hacerlo. de todas formas aunque ahora se algo nuevo, que pufff, no me sale lo que quiero. debo de ser dura de mollera.
ya me da hasta apuro seguir preguntando.

la historia es que tengo un diseño líquido y en todos los navegadores se ve bien menos en IE. El problema es que el menú se desplaza a freir espárragos. Y la solución es poner en px el margen left, pero claro de esa forma todo está líquido menos el menú. ¿qué hago? Pongo todo fijo y me olvido? O cómo hago para que el menú aparezca en su sitio?.

Por si acaso os pongo el código, para ver si he puesto algo mal, y me podáis corregir. no seais muy duros, que seguro que lo he puesto de la forma más complicada y seguro que se puede mejorar. Gracias.

Jo si alguien quiere echarme una mano, le puedo pasar el link en donde tengo la web, porque no se por donde tirar y eso que me habéis ayudado mucho estos días pero ni con esas.

body{
background-image: url(imagenes/fondo-transparente.gif);
background-repeat: no-repeat;
background-color:#F4EDE3;
margin:0;
font: 10pt/13pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
}

A:link{ color:#006699; text-decoration:none; }
A:hover{ color:#92856c; text-decoration:underline; }
A:active{ color:#fc9004; text-decoration:none; }
A:active:hover{ color:#000; text-decoration:underline; }
A:visited{ color:#92856c; text-decoration:none; }
A:visited:hover{ color:#000; text-decoration:underline; }

#cabeza_equipo{
background: url(imagenes/lterales/cabeza_equipo.JPG) no-repeat #552A00 top left;
width:364px;
height:574px;
margin-left:0;
margin-right:10;
margin-bottom:0;
float:left;
}

#wrap{
width:800px;
height:661px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
background:#f2ede2;
border:#92856c 1px solid;
}

#barramenu{
width:134px;
height:574px;
position:absolute;
margin-top:0px;
left:270px;

}

#menu li{
margin-top:15px;
background:transparent;
list-style-type: none;
text-align:left;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:14px;
letter-spacing:-1px;
color:#006699;
width:150px;
}

#navlist li a:link { color: #006699; text-decoration:none; }
#navlist li a:visited { color: #fc9004; text-decoration:none; }
#navlist li a:hover {color: #92856c; text-decoration:none; }


h3{
font-size:18px;
font-weight:bold;
color:#fc9004;
letter-spacing:-3px;
font-style:normal;
}

#content{
height:532px;
width:374px;
background:#f2ede2;
padding:21px;
text-align:justify;
font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#92856c;
font-style:italic;
float:left;
overflow:hidden;
}

#footer{
clear:both;
background:#92856c;
padding:9px;
text-align:center;
text-transform:uppercase;
font: 8pt/9pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#FFF;
}

#title{
background:#92856c;
text-align:center;
padding:9px;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
color:#FFFFFF;
}


.pullquote {
color:green;
width:150px;
float:right;
width:150px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
padding-bottom:10px;
font-family:'Lucida Grande', Helvetica, sans-serif;
font-size: 24px;
line-height:26px;
letter-spacing:-2px;
text-align: right;
color:#fc9004;
}