Problemas con el CSS

[viciosogb]

Hola a todos soy nuevo en el foro y soy algo nuevo en el CSS.

Estoy tratando de hacer una pagina web, pero el diseño no sale tan preciso como lo esperaba.
Aqui les envio mi pagina de prueba:

http://pruebaspd.webng.com/demo/

Bueno mi problema esta en que el diseño se ve perfectamente solo en Firefox, si ven la pagina con Internet Explorer todo se ve mal.

Mi plan es usar el navegador sin los scroll bars, que solo la tabla dentro del div llamado "content" tenga las scroll bars, por eso estoy usando el position:fixed para que el div contenedor siempre este cambiando de tamaño dependiendo del tamaño del navegador, si lo prueban en firefox veran que funciona.

Por favor necesito que me ayuden para hacer que todo se vea en Internet Explorer de la misma manera que se ve en Firefox.

Muchas gracias de antemano

[dax_noelia]

Hola!
¿Has pensando en distinguir las hojas de estilo? una para IE y la otra para el resto

[viciosogb]

Hola, gracias por responder.

Si se como hacer uno para cada navegador, pero..., el problema esta en que no se como hacer para que el diseño funcione para IE, osea no se que parametros tendria que cambiar para que funcione en IE y asi hacer el ie.css.

[Mikmoro]

Buenas. Te hecho unos pequeños cambios en la parte de la css. A ver si te sirve:

<style type="text/css">
html, body{
margin: 0;
padding: 0;
height: 100%;
max-height: 100%;
}
body {
color: #2A343A;
background: #eee;
}
#base {
width: 100%;
height: 100%;
background: url(../imagenes/Background3.png) #b2b2b2 repeat-x;
}
#wrapper {
width: 97%;
margin: 0 auto;
height: 83%;
}
#headerwrap {
background: #5D6B74;
height: 78px;
color: #fff;
}
#containerwrap{
padding: 20px 20px 10px;
top: 78px;
bottom: 0px;
left: 1.5%;
right: 1.5%;
overflow: hidden;
position: fixed;
background: #dedede;
}
#content {
margin: 0;
overflow: hidden;
height: 100%;
background: #cecece;
}
</style>

Mikel.