По-разному ли обрабатывается "ширина" в IE и Mozilla?

Question

Я пишу простую страницу с функцией autocomplete для текстового поля. Я установил widht:87% для поля ввода и оно нормально работает в Mozilla, но в IE сначала текстовое поле расширяется при загрузке страницы и сжимается при отображении предложений.
Вот мой код

<td valign="middle">  
<input id="myInput" name="ontFindNameMatch" type="text" maxlength="100" style="border:1px solid #7c9cba;width:87%;font-size:11px;" />
<br/>
<div id="myContainer" style="z-index:10;width:87%"> 
</div>
</td>    

myInput - это текстовое поле ввода, а в myContainer отображаются предложения автозаполнения. Я использую YUI autocomplete.
Изображение при загрузке страницы.
После предложения отображаются
В Mozilla ширина остается такой же.

РЕДАКТИРОВАТЬ

Получил решение. Спасибо Амадеус

<td valign="middle" >
<div id="autocomplete" class="yui-ac"> 
<input id="myInput" class="yui-ac-input" name="ontFindNameMatch" type="text" style="border:1px solid #7c9cba;font-size:11px;" /> 
<br/>
<div id="myContainer" class="yui-ac-container" style="z-index:100;"> 
</div>
</div>
</td>

~ Ajinkya.

Answer 1

Попробуйте переместить атрибут width в myInput и myContainer в элемент td.Попробуйте удалить maxlength.

Удалите элемент br.

Не используйте стили myInput и myContainer, а используйте http://developer.yahoo.com/yui/examples/autocomplete/ac_skinning.html