Wednesday, May 23, 2012

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.

enter image description here

In IE9 it renders like this.

IE Render

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

The CSS for the search button is:

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

No comments:

Post a Comment