Question

I am writing simple page with autocomplete text box feature.I have set widht:87% for input box and its working fine in mozilla but in IE first the text box expands while page is loaded and shrinks while suggestions are displayed.
Here is my code

<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 is input text box and in myContainer autocomplete suggestions are displayed.I am using YUI autocomplete.
Image when page is loaded.

After suggestions are displayed

In mozilla the width remains same.

EDIT

Got the solution. Thanks amadeus

<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

Try moving the width attribute to from myInput and myContainer to td element.
Try removing maxlength.

Remove br element.

Do not style myInput and myContainer inline, but use
http://developer.yahoo.com/yui/examples/autocomplete/ac_skinning.html