Картинки накладываются на кнопки в IE7

[back191]

Есть кнопки "+" "-", которые увеличивают и уменьшают изображение:

<div class="zoomBlock1">
                <input class="zoom zoomIn" type="button" value="+"/>
            </div>
            <div class="zoomBlock2">
            <input class="zoom zoomOut" type="button" value="-"/>
            </div>

.zoomBlock1 {
    position: fixed;
    bottom: 70px; left: 65%;
    margin-left: -40px;
}
.zoomBlock2 {
    position: fixed;
    bottom: 70px; left: 37%;
    margin-left: -40px;
}
.zoom {
    width: 40px;
    height: 40px;
 
    display: inline-block;
    position: relative;
 
    z-index: 5;
 
        color: white;
    background: #303030; 
    1background: rgba(0,0,0,0.6);
    border: 1px solid #000;
    border-radius: 550px;
    box-shadow: 0 0 5px #000;
 
    line-height: 40px;
    text-align: center;
    font-size: 40px;
 
    cursor: pointer;
 
}

Кнопки эти накладываются на изображение.

<img class="images" src="http://www.cyberforum.ru/html/..." >

.images
{
    position: relative;
    margin-bottom: -6px;
    /* opacity: 1; */
}

В IE7 отображается наоборот- картинка выводится поверх кнопок, и они не видны пользователю. Что нужно дописать, чтобы кнопки были поверх картинок в IE?
Спасибо.