jquery - IE8 ディスプレイ:なし; バグ

Question

私のページにこのコードがあります：

<form class="store_product_form" name="" method="post" action="http://www.mydomain.etc...">
    <div style="margin:0;padding:0;display:inline">
        <input type="hidden" value="135" name="entry_id">
        <input type="hidden" value="collezione/unica/C13/portapenne" name="return_url">
        <input type="hidden" value="1" name="site_id">
        <inpu type="hidden" value="4194b647df2a6b56a8086303d43eac678c8d49cb" name="XID">
    </div>
    other stuff here...
</form>

入力は css によって非表示になります。

input[type="hidden"] {
-moz-appearance: none;
-moz-binding: none;
-moz-user-focus: ignore;
border: 0 none;
cursor: auto;
display: none !important;
padding: 0;
}

IE8 でのみ、含まれている div が表示されますが、コンテンツは表示されません。しかし、最終的にはページ内のスペースを占有してしまい、これは良くありません。

残念ながら、ページのレンダリング時に CMS によってコードが挿入されるため、コードを変更することはできません。

私は Web をサーフィンして、IE8 の :hidden と :visible のバグについて読みました: http://forum.jquery.com/topic/hidden-visible-broken-in-ie8

そこで、コンテナ div を非表示にするコードを挿入して、js を介してコードを変更しようとしましたが、IE8 は応答しないようです。

$(".store_product_form div input:hidden").parent().attr("style", "margin:0;padding:0;display:none;");

これを修正する方法について何か考えはありますか?

ありがとうございました！カルロ