CSS inline-block IE9

I currently have a search "button" that I made sit on the side of a textbox, as shown in the picture below, this renders fine in chrome and firefox.

In IE9 it renders like this.

Has anyone ran into a similar problem? How can I get around this?

The CSS for the search button is:

    .txtSearchBtn
 {
     display: inline-block;
     width: 16px;
     height: 16px;
     position: relative;
     left: -20px;
     top: 5px;
     cursor: hand;
     cursor: pointer;
     background-image: url(../Images/magnifier.png);
 }
 

---