problema con tablas en IE

[mysterio069]

Hola a todoss!!
hoy me surgio un problema mientras trabajaba, y como suelen darseme los problemas en con el IE, ya que con Firefox me va de lujo.

Como veis en Firefox se ve de lujo


pero en IE...


quiero qe se quede como en firefox, pero no se como =S

os dejo el HTML y el CSS aver si tengo algun fallo o algo...

Código HTML:

<table border="1">
<tr>
<td>
<table class="boxi" border="1">
<tr>
<div class="flower"><img src="images/novedades.jpg"/></div>
<td>
<div class="central">
 
            <ul>
 
                <li>
 
                    
 
                    <ul>
                    <li><a href="#">Los farmacéuticos vuelven a lamentar que el nuevo</a></li>
 
                        <li><a href="#">Resolución y Listado Provisional Admitidos Solicit</a></li>
 
                        <li><a href="#">SERVICIOS MÍNIMOS ESENCIALES QUE DEBEN MANTENERSE </a></li>
                    </ul>
                </li>
            </ul> 
</div>
            
            </td></tr></table><table class="boxd" border="1"><tr><td>
 
            <div class="central">
 
            <ul>
 
                <li>
 
                    
 
                    <ul>
                    <li><a href="#">Pago por servicios: "Ni la profesión lo pide ni de</a></li>
 
                    <li><a href="#">La factura de pañales enfrenta a colegios y Junta </a></li>
 
                    <li><a href="#">El gasto farmacéutico descendió en julio un 6,8 po</a></li>
                    </ul>
                </li>
            </ul> 
</div>
            </td></tr></table>
<table class="boxi" border="1">
<tr>
<div class="flower"><img src="images/alertas.jpg"/></div>
<td>
<div class="central">
 
            <ul>
 
                <li>
 
                    
 
                    <ul>
                    <li><a href="#">ALERTA FARMACÉUTICA Nº 31/10 - ADAGEN 1,5 ML 250 U</a></li>
 
                    <li><a href="#">Alerta de medicamentos ilegales, Nº 07/10 - Retira</a></li>
 
                    <li><a href="#">Nota informativa de la AEMPS sobre retirada de tod</a></li>
                    </ul>
                </li>
            </ul> 
</div>
            
            </td></tr></table><table class="boxd" border="1"><tr><td>
 
            <div class="central">
 
            <ul>
 
                <li>
 
                    
 
                    <ul>
                    <li><a href="#">Nota informativa de la AEMPS sobre rosiglitazona (</a></li>
 
                    <li><a href="#">Ampliación de la alerta farmacéutica Nº 26/10 - OC</a></li>
 
                    <li><a href="#">Nota Informativa de la reunión del Comité de Evalu</a></li>
                    </ul>
                </li>
            </ul> 
</div>
            </td></tr></table>
<br><br><br>
</td></tr></table>
 

Código CSS:

.central {
 
    
 
    width: 260px;
 
    padding: 0 10px 20px 20px;
 
    font-size: 12px;
 
}
 
 
 
.central ul {
 
    margin: 0;
 
    padding: 0;
 
    list-style: none;
 
}
 
 
 
.central li {
 
    padding: 0 0 20px 0;
 
}
 
 
 
.central li ul {
 
}
 
 
 
.central li li {
 
    margin: 0 20px 0 5px;
 
    padding: 8px 0px;
 
    border-bottom: 1px #BBBBBB dashed;
 
}
 
 
 
 
 
.central li h2 {
 
    height: 25px;
 
    margin: 0 0 0 0;
 
    padding: 10px 15px 0px 25px;
 
    background: #890208 url(images/novedades.jpg) no-repeat left top;
 
    letter-spacing: -1px;
 
    font-size: 14px;
 
    color: #750b49;
 
}
 
 
 
.central a {
 
}
 
table.boxi{
    padding: 0px 0px 0px 0px;
    float:left;
    width:250px;
 
}
table.boxd{
    padding: 0px 0px 0px 0px;
    float:right;
    width:250px;
}
 

Por favor ayudaa! graciaas de antemanoo!