div布局在chrome与IE下不一致 div style="position:absolute;overflow:hidden;z-index:3;display:none;"

此div在IE下 是顺序显示的 在chrome下框总是左对齐的 我想此div在Chrome显示效果与IE下一致应该怎么整
<b>Provider Name</b></font>
<img src="images/down.jpg" align="bottom" class="dbttn" style="cursor:hand" onClick="javascript:showProvider();"/>
<div id="showProvider" style="position:absolute;overflow:hidden;z-index:3;display:none;">
</div>
现在点击这个image让div显示出来,在IE中是直接显示在img后面的,但是在Chrome中却是显示在img下方并且是在最左边对齐
不知道你的js还有其他样式是怎么样的,showProvider这个div有宽度么?有浮动么?如果你让它显示的代码戚竖是display=“block”这个,可以改成display=“inline”或者display=“”
一般高洞大display=“block”会让这个div另起一行显示整个div

或者把div改颤裂成<span id="showProvider" style="position:absolute;overflow:hidden;z-index:3;display:none;"></span>
然后js里面改成display=“”