CSS diferente no internet explorer

Quando eu vejo o footer da página no Google Chrome ela está perfeita, mas quando vejo a mesma página no Internet Explorer o meu footer fica quebrado.

Como fica no Chrome: https://uploaddeimagens.com.br/imagens/chrome-png-7f66195d-6831-40ca-851c-0677dac5cee1

E no Explorer: https://uploaddeimagens.com.br/imagens/explorer-png-219557ec-1b28-4e4e-ba20-ab4e139200be

Segue o HTML:

<tr>
    <td height="3" colspan="6" bgcolor="#FFFFFF"></td>
</tr>
<tr>
    <td height="70" colspan="6" background="images/bg_barra_down.gif">
        <div>
            <ul class="ul-footer">
                <li>
                    <div class="text10-azul div-footer">
                        <h4 class="titulo-footer titulo-azul">Titulo</h4>
                        Texto
                        <br/>
                        Texto
                        <br/>
                        Texto

                    </div>
                </li>
                <li>
                    <img class="logo-footer" src="images/holding/teste-hor.png">
                </li>

                <tr>

                </tr>

            </ul>

        </div>
    </td>
</tr>

E o CSS:

.div-footer {
        width: 222px;
        position: relative;
        top: 13px;
}

.logo-footer {
    height: 51px;
    margin-top: 11px;
}