PCページに縦バナーを3段(300円OFF・200円OFF・100円OFF）を
貼り付けたいのですが、下記のタグをヘッダーに貼り付けたのですが、
1段目(300円OFF)・3段目(100円OFF)しか表示されません。
数値を少しずつ調整しても2段目が表示されないのですが・・・。

どこか間違っているのでしょうか？
宜しくお願い致します。

<!-- ダイヤモンド300円OFF -->
<div id="sidefixedbanner">
<a href="http://coupon.rakuten.co.jp/getCoupon?getkey=RkZSNy1VVUJVLTlUQ1ItTkJTRA--&rt=2&rd=marukin-mk"><img src="http://image.rakuten.co.jp/marukin-mk/
cabinet/04256963/imgrc0070616772.gif"></a>
</div>
<style>
#sidefixedbanner {
top: 10px; /* ←数字を増やして、上からの位置を調整できます */
right: 0px; /* ←左端に固定する場合は、rightをleftに変更してください */
z-index: 10;
display: block;
width: auto;
position: fixed;
}
</style>

<div id="sidefixedbanner">
<a href="http://coupon.rakuten.co.jp/getCoupon?getkey=RkZSNy1VVUJVLTlUQ1ItTkJTRA--&rt=2&rd=marukin-mk"></a>
</div>
<style>
div#sidefixedbanner {
top: 10px; /* ←数字を増やして、上からの位置を調整できます */
right: 0px; /* ←右端に固定する場合は、leftをrightに変更し、バナーのずらし幅を調整してください */
z-index: 10;
display: block;
width: auto;
position: fixed;
}
div#sidefixedbanner a{ /* マウスカーソルがバナーに乗っていない状態 */
outline:none;
display: block;
background:url(http://image.rakuten.co.jp/SHOP-URL/cabinet/04256963/imgrc0070616772.gif) no-repeat scroll 0 0 transparent; /* 背景としてバナー用画像を設定 */
background-position: -290px 0px; /* 背景を左に290ピクセルずらす */
width: 88px; /* ずらした残りの幅 */
height: 180px; /* 画像の縦幅 */
-webkit-transition: all 0.5s ease; /* アニメーション設定 */
-moz-transition: all 0.5s ease; /* アニメーション設定 */
-o-transition: all 0.5s ease; /* アニメーション設定 */
}
div#sidefixedbanner a:hover{ /* マウスカーソルがバナーに乗っている状態 */
outline:none;
display: block;
background:url(http://image.rakuten.co.jp/SHOP-URL/cabinet/04256963/imgrc0070616772.gif) no-repeat scroll 0 0 transparent;
background-position: 0px 0px; /* ずらした背景を元に戻す */
width: 250px; /* 画像本来の幅 */
height: 180px; /* 画像の縦幅 */
-webkit-transition: all 0.5s ease; /* アニメーション設定 */
-moz-transition: all 0.5s ease; /* アニメーション設定 */
-o-transition: all 0.5s ease; /* アニメーション設定 */
}
</style>


<!-- プラチナ200円OFFクーポン -->
<div id="sidefixedbanner2">
<a href="http://coupon.rakuten.co.jp/getCoupon?getkey=VjhQSi1IR1MxLUZGV08tVlBFWA--&rt=&rd=marukin-mk
"><img src="http://image.rakuten.co.jp/SHOP-URL/cabinet/04256963/imgrc0070616773.gif"></a>
</div>
<style>
#sidefixedbanner2 {
top: 200px; /* ←数字を増やして、上からの位置を調整できます */
right: 0px; /* ←左端に固定する場合は、rightをleftに変更してください */
z-index: 10;
display: block;
width: auto;
position: fixed;
}
</style>

<div id="sidefixedbanner2">
<a href="http://coupon.rakuten.co.jp/getCoupon?getkey=VjhQSi1IR1MxLUZGV08tVlBFWA--&rt=&rd=marukin-mk"></a>
</div>
<style>
div#sidefixedbanner2 {
top: 200px; /* ←数字を増やして、上からの位置を調整できます */
right: 0px; /* ←右端に固定する場合は、leftをrightに変更し、バナーのずらし幅を調整してください */
z-index: 10;
display: block;
width: auto;
position: fixed;
}
div#sidefixedbanner2 a{ /* マウスカーソルがバナーに乗っていない状態 */
outline:none;
display: block;
background:url(http://image.rakuten.co.jp/SHOP-URL/cabinet/04256963/imgrc0070616773.gif) no-repeat scroll 0 0 transparent; /* 背景としてバナー用画像を設定 */
background-position: -290px 0px; /* 背景を左に290ピクセルずらす */
width: 88px; /* ずらした残りの幅 */
height: 180px; /* 画像の縦幅 */
-webkit-transition: all 0.5s ease; /* アニメーション設定 */
-moz-transition: all 0.5s ease; /* アニメーション設定 */
-o-transition: all 0.5s ease; /* アニメーション設定 */
}
div#sidefixedbanner2 a:hover{ /* マウスカーソルがバナーに乗っている状態 */
outline:none;
display: block;
background:url(http://image.rakuten.co.jp/SHOP-URL/cabinet/04256963/imgrc0070616773.gif) no-repeat scroll 0 0 transparent;
background-position: 0px 0px; /* ずらした背景を元に戻す */
width: 250px; /* 画像本来の幅 */
height: 180px; /* 画像の縦幅 */
-webkit-transition: all 0.5s ease; /* アニメーション設定 */
-moz-transition: all 0.5s ease; /* アニメーション設定 */
-o-transition: all 0.5s ease; /* アニメーション設定 */
}
</style>

<!-- ゴールド100円OFFクーポン -->
<div id="sidefixedbanner2">
<a href="http://coupon.rakuten.co.jp/getCoupon?getkey=SkVWWi1GWU1JLU82OUQtWE5ONw--&rt=2&rd=marukin-mk"><img src="http://image.rakuten.co.jp/SHOP-URL/cabinet/04256963/imgrc0070616774.gif"></a>
</div>
<style>
#sidefixedbanner2 {
top: 400px; /* ←数字を増やして、上からの位置を調整できます */
right: 0px; /* ←左端に固定する場合は、rightをleftに変更してください */
z-index: 10;
display: block;
width: auto;
position: fixed;
}
</style>

<div id="sidefixedbanner2">
<a href="http://coupon.rakuten.co.jp/getCoupon?getkey=SkVWWi1GWU1JLU82OUQtWE5ONw--&rt=2&rd=marukin-mk"></a>
</div>
<style>
div#sidefixedbanner2 {
top: 400px; /* ←数字を増やして、上からの位置を調整できます */
right: 0px; /* ←右端に固定する場合は、leftをrightに変更し、バナーのずらし幅を調整してください */
z-index: 10;
display: block;
width: auto;
position: fixed;
}
div#sidefixedbanner2 a{ /* マウスカーソルがバナーに乗っていない状態 */
outline:none;
display: block;
background:url(http://image.rakuten.co.jp/SHOP-URL/cabinet/04256963/imgrc0070616774.gif) no-repeat scroll 0 0 transparent; /* 背景としてバナー用画像を設定 */
background-position: -290px 0px; /* 背景を左に290ピクセルずらす */
width: 88px; /* ずらした残りの幅 */
height: 180px; /* 画像の縦幅 */
-webkit-transition: all 0.5s ease; /* アニメーション設定 */
-moz-transition: all 0.5s ease; /* アニメーション設定 */
-o-transition: all 0.5s ease; /* アニメーション設定 */
}
div#sidefixedbanner2 a:hover{ /* マウスカーソルがバナーに乗っている状態 */
outline:none;
display: block;
background:url(http://image.rakuten.co.jp/SHOP-URL/cabinet/04256963/imgrc0070616774.gif) no-repeat scroll 0 0 transparent;
background-position: 0px 0px; /* ずらした背景を元に戻す */
width: 250px; /* 画像本来の幅 */
height: 180px; /* 画像の縦幅 */
-webkit-transition: all 0.5s ease; /* アニメーション設定 */
-moz-transition: all 0.5s ease; /* アニメーション設定 */
-o-transition: all 0.5s ease; /* アニメーション設定 */
}
</style>