html - ボタンを強制的にコンテンツの下に表示する IE7

Question

IE7 のボタンに問題があります。他のすべてでは、ボタンは次のように表示されます。

ただし、IE7 ではボタンはこのように表示されます。

全体的なフォームに影響を与えているコードを使用して jsfiddle をまとめようとしましたが、フィドルは (画像参照が欠落していても) 問題ないように見えるので、なぜ IE7 がこのボタンに適合して作成しているのか理解できません。コンテンツの右側に表示されます。

 JsFiddle Code

Jsフィドル

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 に加えた変更も保持する必要があります。