スマホカテゴリーページにてiframeでgoldのページを表示させく、以下のソースを入れています。
<font color="#fff"><iframe src="https://www.rakuten.ne.jp/gold/XXXXXXX.html" scrolling="no" frameborder="0" width="100%" height="100%"　　　></iframe <!--　　　-->></font>

しかし、height="100%"だとページの上部しか表示されずheight="xxxpx"とピクセルを指定するとデバイスにより余白ができてしまいます。
iframeの高さを100%表示する方法がわかったら教えてください。