Hola amigos de foros del web
tengo un serio problema, estoy haciendo un foro con div para mejorar el diseño y utilizando css para darle apariencia, pero hay un problema en firefox se muestra tal como deviera ser, pero en el vendito IE se muestra todo revuelto

aqui les pongo el codigo
Código:
#foro_principal {
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-left-color: #000000;
color: #FFFFFF;
background-color: #666666;
}
.foro_principal {
font-size: 14px;
font-weight: bold;
margin-top: 2px;
margin-right: 5px;
}
.img_foro_principal {
float: left;
width: 50px;
text-align: center;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
vertical-align: middle;
}
.ver_foros_foros {
width: 358px;
float: left;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
}
.ver_foros_temas {
text-align: center;
float: left;
width: 100px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
}
.ver_foros_mensajes {
text-align: center;
float: right;
width: 100px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
}
.ver_foros_borde {
border: 1px solid #000000;
overflow: hidden;
}
.foros_foro_principal {
width: 410px;
float: left;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #666666;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
}
.mensajes_foros_foros {
text-align: center;
float: right;
width: 98px;
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #000000;
border-right-color: #000000;
}
.temas_foros {
text-align: center;
float: left;
width: 100px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
}
.mensajes_foros {
text-align: center;
float: right;
width: 98px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #666666;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
}
.temas_foros_foros {
float: left;
width: 100px;
text-align: center;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
}
.foro_foros_foros {
width: 410px;
float: left;
font-weight: bold;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #000000;
}
.pie_foro_foros {
text-align: right;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
color: #999999;
background-color: #FFFFFF;
}
.contenedor_foros_mensajes {
overflow: hidden;
border: 1px solid #000000;
text-align: left;
text-indent: 0px;
}
.avatar_foros_mensajes {
text-align: center;
width: 98px;
float: left;
}
.informacion_foros_mensajes {
color: #000000;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666666;
text-align: left;
}
.mensaje_foros_mensajes {
float: right;
width: 508px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #000000;
border-left-color: #000000;
vertical-align: top;
text-align: left;
text-indent: 0px;
margin: 0px;
padding: 0px;
}
.firma_foros_mensajes {
text-align: right;
float: right;
clear: both;
overflow: hidden;
visibility: inherit;
z-index: auto;
clip: rect(auto,auto,auto,auto);
}
.navegacion_foros_mensajes {
color: #999999;
background-color: #FFFFFF;
text-align: right;
}
.contenedor_foros_foros {
overflow: hidden;
}
.acciones_foros_mensajes {
text-align: right;
}
.mensajes_texto {
text-align: center;
}
.leyenda_imagenes_foro {
float: left;
width: 300px;
}
les agradeceria que me orientaran para hacer compatible el ie para que se vea como el firefox