Aqui, esta pregunta se ha respondido para IE y Chrome, pero la solución propuesta no parece funcionar en Firefox 16, 45 y probablemente en todas las versiones intermedias.

Básicamente, la solución propuesta es la siguiente:

table,th,td {
  border: 1px solid black;
}

<table>
  <tr>
    <td style="height:1px;">
      <div style="border:1px solid red; height:100%;">
        I want cell to be the full height
      </div>
    </td>
    <td>
      This cell
      <br/>is higher
      <br/>than the
      <br/>first one
    </td>
  </tr>
</table>

Al configurar elheight deltd a1px, el niñodiv puede establecerheight:100%. En Chrome e IE el100% se interpreta como "la altura de la celda", mientras que en Firefox parece convertirse en la altura máxima necesaria paradivs contenido.

Ejecutar el ejemplo anterior en Firefox ilustrará esto intuitivamente ...

Entonces, estoy buscando una solución que también funcione en Firefox.