float en explorer

Estoy preparando con css un diseño para un chat, lo que me sucede es que en Explorer se me ve distinto que en Mozilla. Creo que el fallo viene por el float, pero me quedé astascada. ¿Alquien le ve la solución?...

Así se ve en Mozilla,
http://ddsign.es/mozilla

Así se ve en Explorer,
http://ddsign.es/explorer

El código html lo tengo así:
...................................................

<div class="cabecera-chat">

<div class="tabs_chat">
<ul> <li><span><a href="#" class="salirchat">sair </a></span></li>
</ul>
</div>

</div>

<div class="chat">
<h2>Conectado con UACxxx</h2>


<div class="scroll">
<p class="chat_usuario"><b>[ Usuario ]</b> Te&ntilde;o un problema</p>
<p class="chat_tecnico">[ T&eacute;cnico ] Te&ntilde;o unha soluci&oacute;n</p>
<p class="chat_usuario"><b>[ Usuario ]</b> Te&ntilde;o un problema</p>
<p class="chat_tecnico">[ T&eacute;cnico ] Te&ntilde;o unha soluci&oacute;n</p>
<p class="chat_usuario"><b>[ Usuario ]</b> Te&ntilde;o un problema</p>
<p class="chat_tecnico">[ T&eacute;cnico ] Te&ntilde;o unha soluci&oacute;n</p>

<p class="chat_usuario"><b>[ Usuario ]</b> Te&ntilde;o un problema</p>
<p class="chat_tecnico">[ T&eacute;cnico ] Te&ntilde;o unha soluci&oacute;n</p>

</div>

<div class="pie-chat">

<input type="text" name="" id="pie_chat" />
<button type="submit" value="enviar" class="bmin"><span>enviar</span></button>

</div>
</div>
..........................................................................

Y en las CSS tengo esto:

Para las pestañas:


/*pestaña chat*/

.tabs_chat{
width:555px;
margin-top:0px;
}
.tabs_chat ul {
margin:0px;
padding:0px;
list-style:none;
}
.tabs_chat li {
float:right;
background:url(images/left.gif) no-repeat left top;
margin:0;
padding:0px 0px 0px 9px;
height:22px;
}
.tabs_chat span {
display:block;
background:url(images/right.gif) no-repeat right top;
padding:5px 15px 4px 6px;
text-decoration:none;
color:#8B8B8C;
height:22px;
margin:0;
}


a:link.salirchat, a:visited.salirchat{
background-image:url(images/bt_cerrar.gif);
background-repeat:no-repeat;
background-position:0 50%;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#6C6B6B;
text-decoration:none;
padding-left:28px;
padding-right:5px;
padding-top:5px;
padding-bottom:0px;
margin:0;
height:22px;
text-decoration:none;}

a:hover.salirchat{
background-image:url(images/bt_cerrar_hover.gif);
background-repeat:no-repeat;
background-position:0 50%;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#6C6B6B;
text-decoration:none;
padding-left:28px;
padding-right:5px;
padding-top:5px;
padding-bottom:0px;
margin:0;
height:22px;
text-decoration:underline;}

Otros elementos:

.botonChat{
text-align:left;

}
.pie-chat{
text-align:left;
padding-left:5px;
padding-bottom:5px;
background-image:url(images/fondoinf_chat.gif);
background-repeat:no-repeat;
}

.cabecera-chat{
height:20px;
padding:0px;
width:555px;
}
.scroll{
width:530px;
height:170px;
border:1px solid #CACACA;
overflow:scroll;
text-align:left;
margin:5px;
padding:5px;
background-color:#FFFFFF;
}



.chat{
width:555px;
height:212px;
background-image:url(images/fondol_chat.gif);
background-repeat:repeat-y;
text-align:center;
}
.chat h2{
margin:0;
padding-left:5px;
/*padding-top:2px;*/
text-align:left;
font:normal 0.9em Arial, Helvetica, sans-serif;
color:#0094DB;
font-weight:bold;
background-image:url(images/fondosup_chat.gif);
background-repeat:no-repeat;
height:14px;

}

Hola!
¿El problema que tienes es con el tab de Salir, cierto? Que en IE quedan por debajo de la ventana del chat? Si ese es el caso, pienso que una solucion rapida que puedes aplicar seria que agregaras a .tabs_chat li un position: relative; para obligar al tab a que quede siempre arriba de todo.

Saludos!

Era justo eso Richirude!!
Muy bueno, muchas gracias.