お世話になっております。

週末のお買い物マラソン用のヘッダーフッターを準備しています。

前回のお買い物マラソンのヘッダーをコピーして、
クーポンとポイント変倍のバナーを最下部に表示
させようとしています。

左側のバナーの左20％くらいまでしかクリックできません。

URLを外してソースを添付しますので、アドバイスよろしくお願いいたします。

<!--▽お買い物マラソンフッターバナー-->
<div id="fixedBannerBottom">
<a href="https://coupon.rakuten.co.jp/getCoupon?getkey=XXXXXXX&rt=&rt=&rd=https://item.rakuten.co.jp/XXXXXXX"><img src="XXXXXXXX"></a>
</div>
<style>
#fixedBannerBottom{
position: fixed;
bottom: 0px;
left: -280px;
display: block;
width: 100%;
height: 60px;
text-align: center;
background: transparent;
z-index: 9999;
}
</style>
<!--▽お買い物マラソンフッターバナー-->

<!--▽お買い物マラソンフッターバナー2-->
<div id="fixedBannerBottom2">
<a href="YYYYYYY"><img src="YYYY"></a>
</div>
<style>
#fixedBannerBottom2{
position: fixed;
bottom: 0px;
left: 220px;
display: block;
width: 100%;
height: 60px;
text-align: center;
background: transparent;
z-index: 9999;
}
</style>
<!--▽お買い物マラソンフッターバナー2-->