Altezza del campo di input di estensione per riempire la cella della tabella

Question

Come si fa ad allungare un campo di input all'altezza della cella di una tabella utilizzando css semplice per ie8?

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

height:100% sull'ingresso non funziona e nemmeno una combinazione di:

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

Se la risposta è non è possibile, allora va bene, metto un po 'di jQuery insieme per farlo .

Answer 1

Aggiungi padding:0 a TD e height:100% all'ingresso

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

} 
td{ 

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

DEMO

Answer 2

Aggiungi height:100%; per l'input e l'altezza set di tag td in percentuale