下記記述で跳ね返されました。なぜでしょう？

<div ="" id="coupon_banner">
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/05156817/coupon-616x120.gif">
</a>
</div ="">
<style ="">
#coupon_banner {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 326px;
right: -479px;
text-align: center;
width: auto;
height: auto;
transition: 0.3s;
}

#coupon_banner img {
width: auto;
height: auto;
vertical-align: bottom;
}

#coupon_banner:hover {
right: 0px;
}

</style ="">

<div ="" id="hie_banner">
<a href="https://search.rakuten.co.jp/search/mall/%E5%A4%8F/?sid=332398">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/05156817/hie-616x120.gif">
</a>
</div ="">
<style ="">
#hie_banner {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 200px;
right: -479px;
text-align: center;
width: auto;
height: auto;
transition: 0.3s;
}

#hie_banner img {
width: auto;
height: auto;
vertical-align: bottom;
}

#hie_banner:hover {
right: 0px;
}

<style ="">