Html 当容器div有溢出时，为什么我的div元素会移动：auto set

下面是一个违规代码的示例。。。注意，这段代码在FireFox中的效果与预期一样。问题出在Internet Explorer中

函数init（）{
$（“.listOUT”）.bind（“mouseenter”，函数（e）{
$（this.toggleClass（'listOUT'，false）；
$（this.toggleClass（'listIN'，true）；
})
.bind（“mouseleave”，函数（e）{
$（this.toggleClass（'listIN'，false）；
$（this.toggleClass（'listOUT'，true）；
})；

#容器{
边框：1px纯黑；
}
.controlContainer{
显示：内联；
位置：绝对位置；
高度：25px；
边界：无；
}
.列表{
位置：相对位置；
宽度：100%；
光标：指针；
保证金：0；
身高：85%；
边框：实心1px#7F9DB9；
右边填充：20px；
/*
背景：url（'images/ddImage_out.gif'）不重复右中；
*/
}
listIN先生{
位置：相对位置；
宽度：100%；
光标：指针；
保证金：0；
身高：85%；
边框：插图1px#7F9DB9；
右边填充：20px；
/*
背景：url（'images/ddImage_in.gif'）不重复右中心；
*/
}
.listTEXT{
文本转换：无；
宽度：100%；
位置：相对位置；
字号：8pt；
颜色：黑色；
字体系列：Verdana；
光标：指针；
边界：无；
左侧填充：4px；
右边填充：0px；
填充顶部：0px；
垫底：0px；
溢出：隐藏；
}
你正在使用哪个版本的IE？firefox中的行为与IE7和IE6中的行为相同。
我想我明白你的意思了。当我在Internet Explorer 8中打开你的网页并指向控件时，它们移到了左边

我对javascript几乎没有经验，也从未使用过jquery，但如果您只想更改mouseenter和mouseleave上的边框颜色，我可能可以帮您

转到并在浅蓝色字段中单击，可以看到边框变为棕色，背景变为黄色。这与您想要达到的效果类似吗？
我正在使用Internet Explorer 8Soo。您的问题到底是什么，应该是什么样子？当我移动其中一个控件时，它会向右移动。这不应该发生。这只是h当有垂直滚动条时出现。例如，容器分区中至少有一个控件不可见。mouseenter和mouseleave上的控件边框应改变颜色，但控件应保持在固定位置。可能只有我一个人，但当我使用您的代码时，当鼠标移过时，控件保持在同一位置。（在FF、ie6、7和8中）当我将鼠标移到“数字”框上时，我的firebug给了我一个错误：“从非chrome上下文行19访问属性“parentNode”的权限被拒绝”