I have a button using background image i.e

```
.btn{
    font-size: 16.18px;
    font-family: "OpenSans";
    color: rgb(255, 255, 255);
    border-width: 1px;
    border-color: rgb(229, 229, 229);
    border-style: solid;
    background-image: url('../images/arrow.png');
    background-repeat: no-repeat;
    height: 45px;
    z-index: 97;        
    cursor: pointer;
    margin-left: 0px;
    background-color: rgb(179, 32, 19);        
    background-position: right 20px center;
    text-indent: 15px;
}

```

HTML

```
<input type="button" value="Click the Development team" class="btn">

```

This button contains dynamic text and the text may be more then the given characters (`i.e Click the Development team to view`). Now the question is when I am using `background-position: right 20px center;` it's working very fine with the Chrome and Firefox but it is not working with the i.e 8. 

Can anyone suggest me on this!!

[DEMO](http://jsfiddle.net/ashuslove/xrpmjgba/1/)
-------------------------------------------------