スクロールするバナーを貼りたいのですが、うまく表示できません。
以下のCSSのどこが問題なのでしょうか。宜しくお願いします。


/* right fixd */
* html body {background: url(null) fixed;}

* html div#rc_rightArea{
position:absolute !important;
top: expression((documentElement.scrollTop || document.body.scrollTop) + 100 + 'px');
left: expression((documentElement.scrollLeft || document.body.scrollLeft) + document.body.clientWidth - ① + 'px');/*画像の横幅数値*/
}

div#rc_rightArea{
position: fixed;
top: 100px;
right: 0px;
text-indent:-9993px;
display:block;
}

div#rc_rightArea2{
position: fixed;
top: 300px;
right: 0px;
text-indent:-9993px;
display:block;
}

div#rc_rightArea3{
position: fixed;
top: 500px;
right: 0px;
text-indent:-9993px;
display:block;
}

div#rc_rightArea .rc_right ,
div#rc_rightArea2 .rc_right2 ,
div#rc_rightArea3 .rc_right3 {
outline:none;
display: block;
position: relative;
width:①-③px;
height:②px;
left:0px;
z-index:9998px;
}

div#rc_rightArea .rc_right{
background: url("1枚目バナーのURL") no-repeat scroll 0 0 transparent;
}

div#rc_rightArea2 .rc_right2{
background: url("2枚目バナーのURL") no-repeat scroll 0 0 transparent;
}

div#rc_rightArea3 .rc_right3{
background: url("3枚目バナーのURL") no-repeat scroll 0 0 transparent;
}

div#rc_rightArea .rc_right:hover ,
div#rc_rightArea2 .rc_right2:hover ,
div#rc_rightArea3 .rc_right3:hover {
background-position:0px 0px; width:①px;
}