Javascript IE 8臭虫？元素捕捉到位

我在IE8页面上的CSS有问题。我有一个浮动到左边的文本字段，一个浮动到右边的“下一步”按钮，下面我有一个单独的div中的一些文本

            <div id="code_bit">
            <h2>Enter your 16 digit code</h2>
            <input type="text" name="activation_code" id="activation_code" value="<% $activation_code | h %>" size="16" />
            <input id="next_button" type="button" name="signup" value="Next" onclick="this.form.submit();" />
            </div>
<div id="bottom_bit">
    <div id="service_highlights">
        Some text
    </div>

#bottom_bit {
    width: 616px;
    position: relative;
    margin: 50px auto 30px 215px;
}
#bottom_bit #service_highlights {
    padding: 15px 0px;
    border-bottom: 1px solid #bdbdbd;
    border-top: 1px solid #bdbdbd;
    font-size: 14px;
    color: #000;
    text-align: center;
}

signup_bit input {
    color: #000;
    height: 32px;
    padding: 2px;
    text-align: left;
    margin: 10px 0px 10px 2px;
    float: left;
    display: block;
}
#signup_bit #info{
    width: 350px;   

    text-transform: none;
    font-size: 10pt;
    color: #000000;
    float: left;
}
#signup_bit #activation_code {
    font-size: 20px;
    width: 290px;
    text-transform: uppercase;
    padding: 3px;
}
#signup_bit #next_button {
    background: #fff;
    border: none;
    cursor: pointer;
    color: #63a8d8;
    height: 35px;
    padding: 2px;
    text-align: right;
    float: right;
    text-decoration: underline;
}

输入您的16位代码
一些文本
#底部钻头{
宽度：616px；
位置：相对位置；
利润率：50px自动30px 215px；
}
#底部#服务#亮点{
填充：15px 0px；
边框底部：1px实心#bdbdbd；
边框顶部：1px实心#bdbdbd；
字体大小：14px；
颜色：#000；
文本对齐：居中；
}
注册位输入{
颜色：#000；
高度：32px；
填充：2px；
文本对齐：左对齐；
保证金：10px 0px 10px 2px；
浮动：左；
显示：块；
}
#注册信息{
宽度：350px；
文本转换：无；
字号：10pt；
颜色：#000000；
浮动：左；
}
#注册位激活码{
字体大小：20px；
宽度：290px；
文本转换：大写；
填充：3倍；
}
#注册位#下一步#按钮{
背景：#fff；
边界：无；
光标：指针；
颜色：#63a8d8；
高度：35px；
填充：2px；
文本对齐：右对齐；
浮动：对；
文字装饰：下划线；
}

如您所见，这两个元素已浮动。当您第一次查看此页面时，表单元素下面的文本被包装在表单元素之间，几秒钟后，它会捕捉到它应该所在的位置

有没有IE 8的漏洞可以解决这个问题？我试过清理浮标，还有其他一些明显的浮标，但运气不佳

希望你能帮忙，抱歉代码太长

---

Snakespan

看起来您所需要的只是两个浮动元素下方的一个。您还粘贴了一些无效的CSS，因此我已修复它以匹配您的HTML

<div id="code_bit">...</div>

<br style="display: block; clear: both;" />

<div id="bottom_bit">...</div>

。。。


...

---

可以在JSFIDLE上看到一个工作示例：

您可以在Hi中模拟它吗，您更新了CSS的哪一部分？与CSS相比，我看不到任何修改。谢谢你的帮助，顺便说一句，它似乎帮助了一些问题，但不是全部，尽管我感觉更改后的CSS可能会解决它。你的原始CSS引用了你的代码示例中不存在的HTML元素（

#signup_bit

）。您还有一个无效的声明（

signup\u bit input

）——请注意缺少的

。

。我更新了JSFIDLE中的CSS以匹配您问题中提供的HTML。好的，谢谢您，我仍然坚持解决这个问题，但我非常确定我必须自己找到一个解决方案，因为我使用mangle和mason。到目前为止，您的解决方案对我很有帮助，它仍然会捕捉一些像素，因此我想我必须继续尝试。您描述的像素“捕捉”很可能超出了您在此处发布的代码片段的范围。祝你好运在我的javascript删除了一个相对定位按钮的类之后，我成功地解决了这个问题，因此我创建了一个新类，将同一个div浮动到左侧，它似乎做到了这一点。