firefoxでzoomを使用したときの表示ずれ

質問

「body」のスタイルシートに「zoom」プロパティを使用して、
画面に表示するサイズの変更を行いました。

確認ブラウザは「firefox」です。

ページ内に設置しているセレクトボックスをクリックすると、
選択肢の位置がズレてしまいます。

対処法が分かりましたらご教授いただないでしょうか？

■【css】---------------------------
body.ick080 {
width:auto;
-moz-transform: scale(0.8, 0.8);
-moz-transform-origin: 50% 0%;
zoom: 1.80;
}

■【html】---------------------------
<table>
<tbody>
<tr>
<th>発行年の範囲</th>

<td>
<select id="feas_1_1" name="year_start">
<option value="1949">昭和 24年( 1949年)</option>
<option value="1950">昭和 25年( 1950年)</option>
<option value="1951">昭和 26年( 1951年)</option>
<option value="1952">昭和 27年( 1952年)</option>
<option value="1953">昭和 28年( 1953年)</option>
<option value="1954">昭和 29年( 1954年)</option>
<option value="1955">昭和 30年( 1955年)</option>
</select>
</td>
</tr>
</tbody>
</table>

回答No.1

tkmojo

-moz-transform: scale(0.8, 0.8);
単純に、これのせいでbodyがブラウザ幅の8割にまで縮んでいるという事でしょうね。