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中，宽度保持不变。

编辑

得到了解决方案。谢谢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

尝试将width属性从myInput和myContainer移动到td元素。 尝试删除maxlength。

删除br元素。

不要将myInput和myContainer设置为内联样式，而是使用 http://developer.yahoo.com/yui/examples/autocomplete/ac_skinning.html