Стиль CSS jEditable поля ввода

Я пытаюсь стилизовать поле ввода, отображаемое с помощью jEditable.

Я хочу изменить цвет ячейки таблицы, когда текст дважды щелкается и становится редактируемым. Нравится:

альтернативный текст http://www.hongaijitsu.com/temp/foobar/public/Picture-2.png

Вот где я сейчас нахожусь: Проблема jEditable CSS (дважды щелкните текст в ячейках таблицы)

Фрагмент HTML:

<tr class = "odd">
    <td class = "dblclick" headers = "customer-name">Drogo Shankara</td>
    <td class = "dblclick" headers = "mail">[email protected]</td>
    <td class = "dblclick" headers = "type">Web</td>
    <td class = "dblclick" headers = "status">Pending mail</td>
</tr>  

код jQuery:

$(function() {

$(".dblclick").editable("#", { 
    tooltip   : "Doubleclick to edit...",
    event     : "dblclick",
    css : 'inherit'
    });
});

Соответствующий CSS:

.dblclick form {
    height: inherit !important;
    width: inherit !important;
    border: 0;  
    margin: 0;
    padding: 0;
    background: red;
    }

.dblclick input {
    height: inherit !important;
    width: inherit !important;
    border: 0;  
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    }

Я хочу, чтобы поле ввода унаследовало высоту и ширину от родительской ячейки таблицы, но когда я смотрю на поле ввода в Firebug, оно уже имеет встроенную высоту и ширину CSS, в результате чего ячейка таблицы масштабируется, когда Текст td нажат. Я пытаюсь переопределить встроенный CSS с помощью inherit !important, но это не работает.

Здесь задействована некоторая концепция, которую я не совсем понял, но это может быть что-то совершенно банальное.

Есть идеи, что не так?