IE6 の歪み問題

質問：

<form...> の下の <input type="hidden" name="sortBy" id="sortBy" value="${sortBy}"> は物理的な位置を占めます。コードは次のとおりです。

<フォーム名="header_product_search_form" メソッド="post" id="header_product_search_form" アクション="${ctxPath }/products/productsSearch.html?doAction=productSearchAction">
<input type="hidden" name="headSearchCategoryPath" id="headSearchCategoryPath" value="${categoryPath }">
<input type="hidden" name="headSearchAttributePath" id="headSearchAttributePath" value="${headSearchAttributePath }">
<input type="hidden" name="attributePathInputValue" id="attributePathInputValue" value="${attributePathInputValue}">
<input type="hidden" name="PrmItemsPerPage" id="PrmItemsPerPage" value="${pagingBean.itemsPerPage}">
<input type="hidden" name="PrmPageNo" id="PrmPageNo" value="${pagingBean.currentPage}">
<input type="hidden" name="PrmTotalItems" id="PrmTotalItems" value="${pagingBean.numberOfItems}">
<input type="hidden" name="PrmTotalPages" id="PrmTotalPages" value="${pagingBean.numberOfPages}">
<input type="hidden" name="sortBy" id="sortBy" value="${sortBy}">

..............

..............

</フォーム>

上図のように、赤い非表示の入力ボックスがフォーム タグの真下にあるため、IE では表示が歪んでしまいます。非表示の入力ボックスは物理的なスペースを占有し、IE では空白のスペースが残ります。 Firefoxでは正常に表示されます。

解決：

隠し入力ボックスをフォーム タグの末尾、つまり </form> の上に配置すると、IE で正常に表示されます。コードは次のとおりです。

<フォーム名="header_product_search_form" メソッド="post" id="header_product_search_form" アクション="${ctxPath }/products/productsSearch.html?doAction=productSearchAction">

..............

..............
<input type="hidden" name="headSearchCategoryPath" id="headSearchCategoryPath" value="${categoryPath }">
<input type="hidden" name="headSearchAttributePath" id="headSearchAttributePath" value="${headSearchAttributePath }">
<input type="hidden" name="attributePathInputValue" id="attributePathInputValue" value="${attributePathInputValue}">
<input type="hidden" name="PrmItemsPerPage" id="PrmItemsPerPage" value="${pagingBean.itemsPerPage}">
<input type="hidden" name="PrmPageNo" id="PrmPageNo" value="${pagingBean.currentPage}">
<input type="hidden" name="PrmTotalItems" id="PrmTotalItems" value="${pagingBean.numberOfItems}">
<input type="hidden" name="PrmTotalPages" id="PrmTotalPages" value="${pagingBean.numberOfPages}">
<input type="hidden" name="sortBy" id="sortBy" value="${sortBy}">

</フォーム>