カテゴリページと商品ページでヘッダーの画像が崩れます。
商品ページではちゃんと表示されますが、カテゴリページでは縦に重なってしまいます。
画像でスライドをiframeで表示しているのですが、他の画像もそれに合わそう思っていましたが
画像にリンクする方法がわかりませんでした。なのでリンクがいらない画像はiframeを使ってますが、
リンクがいる画像は単純に<a href="移動先のURL"><img src="画像のURL"></a>で貼っています。
この2つの問題が解決できればと思います。下記にコードも貼り付けておきます。
宜しくお願い致します。


<center>
<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/r_kit/show_banner/index.html" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" width="468px" height="120px"></iframe>
<iframe src="https://image.rakuten.co.jp/SHOP-URL/cabinet/header/455-120muryou.jpg" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" width="455px" height="120px"></iframe>
<br>
<a href="https://coupon.rakuten.co.jp/getCoupon?getkey=UUxPNi1NT0VULUo0TEYtVUdRQQ--&rt="><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/header/rakuten10offbunner.jpg"></a>
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/header/rakuten100offbunner.jpg">

</center>
<style type="text/css">
<!--
body {
background-image: url("https://image.rakuten.co.jp/SHOP-URL/cabinet/cupon/rakuten10off_tate.jpg"),url("https://image.rakuten.co.jp/pearliewhite/cabinet/cupon/rakuten100off_tate.jpg");
background-repeat: repeat-y;
background-position: left, right;
}
-->
</style>