Rozciągnij wysokość pola wprowadzania, aby wypełnić komórkę tabeli

Question

W jaki sposób sprawić, aby pole wejściowe było rozciągane do wysokości komórki tabeli za pomocą zwykłego css dla ie8?

<table> 
    <tr> 
     <td>line1<br />line2</td> 
     <td><input type = "text" /></td> 
    </tr> 
</table> 

height:100% na wejściu nie działa i nie robi kombinacji:

height:inherit; 
    display:inline-block; 
    position:relative; 

Jeśli odpowiedź brzmi nie można, to jest w porządku, będę umieścić kilka jQuery razem to zrobić .

Answer 1

Dodaj padding:0 do td i height:100% do wejścia

input{ 
height:100%; 
    display:inline-block; 
    position:relative; 

} 
td{ 

    border:solid green 1px; 
    background:pink; 
    padding:0 
} 

DEMO

Answer 2

Dodaj height:100%; do wejścia i ustawić wysokość swojego znacznika td w procentach