Posicionamiento CSS Absoluto dentro de las celdas de la tabla que no funciona en Firefox

No puedo resolver este problema de posicionamiento en Firefox. No parece seguir la regla de posicionamiento absoluto. ¿Hay algo que esté haciendo que no se deba hacer, pero algunos expertos lo manejan y otros no?

JS Fiddle:

Original -http://jsfiddle.net/g9qzh/

Actualizado -http://jsfiddle.net/g9qzh/2/

Funciona en IE, Chrome, Safari, Opera

Aquí está el código real. Déjame saber si no estoy siguiendo algún tipo de estándar que no conozco.

HTML:

<table>
    <tr>
        <td>
            <div id="three">Three</div>
            <div id="two">Two</div>
        </td>
    <tr>
    <tr>
        <td>
            <div id="three">Three</div>
            <div id="two">Two</div>
        </td>
    <tr>
</table>

CSS:

#two {
   position: absolute;
   top: 0;
}
td {
   position: relative;
}

Mi única pista es que hay otro valor que debo asignar atd Eso haría que funcione. Algunas otras preguntas de stackoverflow han mencionado que Firefox se comporta mal con esto, pero no he podido encontrar una respuesta. Intenté asignar los valores superior e izquierdo de cero, pero FF no cede. Al aire libre

Respuestas a la pregunta(7)

Su respuesta a la pregunta