Alignment of search image

[Daniel]

Hi, I'm not sure if you're aware, but in IE8 under Windows 7, the "Default button" appears half way down the search input. The issue doesn't exist under IE9/10, Firefox or Webkit. A style override targeting only IE8 does the trick for the "Silk" skin.

.rsbIcon { margin-top: -19px !important; }

You can see it at the demo below. It also affects the search on the left in the green menu.

http://demos.telerik.com/aspnet-ajax/searchbox/examples/propertyexplorer/defaultcs.aspx

Daniel

[Ivan Zhekov]

Hi, Daniel.

We are aware of this behaviour and we'll be targeting it in following releases.

The issue in particular is related to how IE 8 treats nested containers with different position (absolute, relative etc.)

I am awarding you some Telerik points for your diligence and the quick patch you have provided.

Greetings,
Ivan Zhekov
the Telerik team

[Daniel]

Thanks Ivan

[Eirik H]

We are not currently including a IE8-targeted css file, so I fixed it a little bit differently. Not sure it will work in all scenarios, but at least it works for the Default skin and under the browsers we support (IE7+, Chrome, FF):

.RadSearchBox .rsbButton .rsbIcon
{
    margin: 0;
    top: 0;
    left: 0;

    position:static;
    display: inline-block;
    *display: inline; /*IE 7 */
    *zoom: 1;/*IE 7 */
}