Порадьте, будь-ласка, як вирівняти по довжині 2 діви (їх background) з різною кількістю тексту в 2-х різних ячейках 1 рядка таблиці.
Цей код працює чудово у Хромі, недосконало - в ЕІ. Але Firefox вимагає задати конкретну висоту ячейки, а вона невідома через різну кількість тексту. Ось код:

<table>
    <tr>
       <td id="j1"> <div class="inner"> Текст 4 рядки  </div>
       </td>
       <td id="j2"><div class="inner">    Текст 10 рядків    </div>
     
       </td>     
    </tr>
    <tr>
       <td id="j1">    <div class="inner">    Текст 16 рядків </div>
       </td>
       <td id="j2"><div class="inner">    Текст 26 рядків </div>   
       </td>             
    </tr>
    <tr>
       <td id="j1"><div class="inner">        Текст 45 рядків </div>
       </td>
       <td id="j2"><div class="inner">        Текст 5 рядків     </div>
       </td>                               
    </tr>     <!-- і так далі... -->     
    </table>

td     {height:1px;       
    }
.inner { height: 100%;   
    }