IE10以下のimgタグ問題の解決方法

<div class="all" id="box">
    <img id="画像" src="psb.png" 幅="512" 高さ="1470" >
    <span id="上へ"></span>
    <span id="down"></span>
</div>

。全て{ 
    位置: 相対的;
    幅: 512ピクセル; 
    高さ: 400px; 
    境界線: 1px実線 #000; 
    マージン:100px 自動; 
    オーバーフロー: 非表示;
}
スパン{
    幅: 512ピクセル; 
    高さ: 200px; 
    位置: 絶対; 
    左: 0; 
    上: 0; 
    カーソル: ポインタ;
}
＃下{ 
    上:自動; 
    下部: 0; 
}

var ops = document.getElementById('画像'),
    oup = document.getElementById('up')、
    odown = document.getElementById('down')、
    obox = document.getElementById('box'),
    タイマー = null;
    数値 = 0;

oup.onmouseover = 関数(){             
    タイマーの間隔をクリアします。
    タイマー = setInterval(関数(){
        数値 -= 4;
        if(数値 < -1070){
            数値 = -1070;
            タイマーの間隔をクリアします。
        }
        ops.style.marginTop = num+'px';
    },30)
}

odown.onmouseover = 関数(){   
    タイマーの間隔をクリアします。
    タイマー = setInterval(関数(){
        数値 += 4;
        if(数値 > 0){
            数値 = 0;
            タイマーの間隔をクリアします。
        }
        ops.style.marginTop = num+'px';
    },30)
}

obox.onmouseout = 関数(){ 
    タイマーの間隔をクリアします。
}

 背景: #fff;
 不透明度: 0;
 フィルター:アルファ(不透明度=0);

<img id="画像" src="psb.png" 幅="512" 高さ="1470" >
<div class="all" id="box">       
    <span id="上へ"></span>
    <span id="down"></span>
</div>