Botón con .css no me funciona bien enIE

[ceaped]

Buenas tardes

Así te tengo mi botón:

Código CSS:

.item_menu_interior_btn_1{
    background-color: #C5D163;
    width: 70px;
    height: 70px;
    position: absolute;
    opacity: 100;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    }
 
.item_menu_interior_btn_1 img{
    border: 0;
    margin: 10px;
    }
 
.item_menu_interior_btn_1 a{
    text-decoration: none;
    }
 
.item_menu_interior_btn_1:hover {
    background-color: #D5DE8D;
    }
 

Código CSS:

.titulo_menu_interior_btn_1{
    font-family: Arial;
    color: #000;
    background-color: #C5D163;
    width: 225px;
    margin-top:-85px;
    margin-left: 80px;
    position: relative;
    z-index: 1;
    opacity: 0;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    }
 

Pero cuando hago hover sobre el botón se me queda activado ".titulo_menu_interior_btn_1", o sea que el título que se ve cuando paso el puntero sobre el botón es zona activa del botón.

¿Cómo hago para que esa área no se active?

Gracias por su ayuda