html - 强制按钮出现在 IE7 内容下方

Question

我在 IE7 中的按钮有一些问题。在其他所有内容中，按钮显示如下：

但是，在 IE7 中，按钮显示如下。

我试图将 jsfiddle 与影响整体形式的代码放在一起，并且小提琴看起来还可以（即使它缺少图像参考）所以我不明白为什么 IE7 会与此按钮配合使用并制作它出现在我的内容的右侧。

 JsFiddle Code

提琴手

Answer 1

如果我在 IE 中打开这个，它对我来说很好。任何方式给

<div class="logindetails password" style="clear:both;">

到上面的div。

Answer 2

这应该可以解决 IE 7 中的问题

div.links {
    clear: both !important;
    margin: 0 !important;
    padding-top: 15px;
}

在样式表中，icams_specific.css 找到此部分并将其全部替换为：

div.widget-container > div.search > form.search > div#search_links > input.button {
background-color: #E7E7E8;
background-image: url("/incl/images/search.png");
background-position: 50% 50%;
background-repeat: no-repeat;
border: medium none;
cursor: pointer;
height: 35px;
margin-left: 257px;
margin-top: -35px;
padding: 0;
transition: all 0.25s linear 0s;
vertical-align: top;
width: 38px;
}

要左右移动搜索按钮，请更改margin-left: 257px;为所需的值。

您还需要保留上面对 div.links 所做的更改