お世話になります。

PC右端に表示させる「固定バナー」の７つのリンク付き画像を付けたシートを作成したのですが、上から４つのみしか表示されず困っております。

知識が無い中、元のシートの項目数を継ぎ足しをしただけなのでどこが誤っているのかがわからない状態です。
（今回はバナーを飛び出させる事は考えていません。）

GOLDに入れる予定のシートは以下になります。

<style>
/* 固定バナースタイルシート */
html, body{
height: 100%;
margin: 0;
padding: 0;
}
.fix_gb{
width: 80px;
height: 180px;
position: fixed !important;
position: absolute;
right: 0;

-webkit-transition: width ease-in-out 0.3s;
-moz-transition: width ease-in-out 0.3s;
-ms-transition: width ease-in-out 0.3s;
-o-transition: width ease-in-out 0.3s;
transition: width ease-in-out 0.3s;
}
.fix_gb a{
display: block;
width: 100%;
height: 100%;
}
.fix_gb:hover {
width: 80px;
}

#fix01{
background: url(" ") 0 0 no-repeat;
top: 20px;
}
#fix02{
background: url(" ") 0 0 no-repeat;
top: 85px;
}
#fix03{
background: url(" ") 0 0 no-repeat;
top: 175px;
}
#fix04{
background: url(" ") 0 0 no-repeat;
top: 240px;
}
#fix05{
background: url(" ") 0 0 no-repeat;
top: 305px;
}
#fix06{
background: url(" ") 0 0 no-repeat;
top: 370px;
}
#fix07{
background: url(" ") 0 0 no-repeat;
top: 500px;
}
</style>
}
</style>

~~~~~~~~~~~~~~~~~~~~~~~~~

ヘッダーに入れるタグは以下を予定しています。

<!--***********固定バナーのタグ***********-->
<div id="fix01" class="fix_gb"><a href=" " TARGET="_blank" ></a>
</div>
<div id="fix02" class="fix_gb"><a href="http://coupon.rakuten.co.jp/getCoupon?getkey=SllXVy1DUU1GLVJNOEMtWUxZWQ--&rt= " TARGET="_blank" ></a>
</div>
<div id="fix03" class="fix_gb"><a href=" " ></a>
</div>
<div id="fix04" class="fix_gb"><a href=" " TARGET="_blank" ></a>
</div>
<div id="fix05" class="fix_gb"><a href=" " TARGET="_blank" ></a>
</div>
<div id="fix06" class="fix_gb"><a href=" " TARGET="_blank" ></a>
</div>
<div id="fix07" class="fix_gb"><a href=" " TARGET="_blank" ></a>
</div>