お世話になります。

以下のhtmlをヘッダーコンテンツへ記入したところ、
添付画像のように左右のバナーが中央へ集中してしまいます。
お買い物マラソンバナー（左）、楽天ランクイン商品バナー（右）へ配置したいのですが、
どう修正すれば良いか教えてください。

※添付画像：
　・当店失敗画像
　・参考店舗画像

よろしくお願いいたします。

<!--右バナ-->
<div id="fixedBanner">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/imgrc0068096129.jpg"><br>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/imgrc0068096127.jpg"><br>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/imgrc0068096125.jpg"><br>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/imgrc0068096128.jpg"><br>
</a>
</div>
<style>
#fixedBanner {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 150px;
right: 0px;
text-align: center;
width: auto;
height: auto;
}

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

</style>


<!--左バナ-->
<div id="fixedBanner">
<a href="https://www.rakuten.co.jp/SHOP-URL/">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/imgrc0068094939.jpg">
</a>
</div>
<style>
#fixedBanner {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 150px;
left: 0px;
text-align: center;
width: auto;
height: auto;
}

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

</style>