Asp.net 输入按钮随机浮动

我在IE7上的一个输入按钮出现了这个问题，该按钮用于搜索产品（正如你从图片中可以猜到的），在IE7中，由于某种原因，该按钮被扔到了随机的地方，而不是固定在它应该的设置位置。这只发生在IE7中，而不是任何浏览器中，所以我很好奇是否有人知道它为什么会这样做？（另外，IE7支持不是我的选择，必须完成。）

我的Css：

dl#Navigation input.Button {
background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #3B9BD9;
color: #000000;
}
dl#Navigation input.Smallest {
cursor: pointer;
width: auto;
}

Html:

搜索产品

我建议做的一件事是检查父容器（在这里是一个

dt

）是否具有容纳这两个元素的适当宽度，然后将

width

属性设置为

input

元素

然而，还有其他一些方法来定位元素并实现相同的结果。例如，使用

浮动

也会产生同样的效果。在两个元素上使用

float:left

（

input

和

按钮

）。但要做到这一点，您需要了解浮动的特性以及如何处理它们

另外，关于css代码示例的另一条建议是查看选择器。尝试将以下css替换为您的css，不会有任何变化（希望：），但是选择器的效率更好

#Navigation .Button {
    background: #FFF;
    border: 2px solid #3B9BD9;
    color: #000;
}
#Navigation .Smallest {
    cursor: pointer;
}

---

如果没有看到你的CSD，我就说不出来了，希望能有所帮助。也发布html。最好是一个JSFIDLE链接html是非常不相关的：P但我会的。您提供的代码工作正常：。在可共享的环境（例如）中重现问题，然后将其发布在您的问题中

#Navigation .Button {
    background: #FFF;
    border: 2px solid #3B9BD9;
    color: #000;
}
#Navigation .Smallest {
    cursor: pointer;
}