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

以前にECステーション様から、
出荷日バナーを固定バナーで作るとよい、
とメルマガで届いたので、
PC画面の右側におきました。

ただし、商品ページなどの情報と重なりたくなかったので
解像度が1280より小さくなると
非表示にするよう、
他の右側においているバナーと
同じにしたいと思っていますが
うまくできません。

左上に割り込むように
今はなっています。


どのようにすればよいでしょうか。


ヘッダーに貼り付けています。
ソースは以下です。


お手数おかけしますが、よろしくお願いいたします。


↓↓↓　以下　↓↓↓

<div id="toolbox_date">
<iframe width="80" height="250" src="http://www.rakuten.ne.jp/gold/ドメイン/ecstation/toolbox/deliveryBanner_2098633655260851249612490125406528833590652899556.html" frameborder="0" scrolling="no"></iframe>
</div>



<style type="text/css">
@media (min-width: 1280px) {
div#toolbox_date{
position: fixed;
top: 220px;/*画面上部からの距離をピクセル数で指定*/
width: 80px;/*出荷日バナーのソースのwidthと同じ*/
height: 250px;/*出荷日バナーのソースのheightと同じ*/
right:0px;
display:block;
}}
</style>