Text in Search Box

Hi.

Have discovered a weird thing which is just a problem in IE (IE8)

The text in the Search field is aligned at the bottom of the Input box, and when you focus the box it shifts upwards and sometimes moves down again when you leave the field.

In FireFox this is not an issue..


Any suggestions ?

On my page I have moved the search box into The BreadCrumb area and made it smaller in height which makes the problem even bigger. But the issue is on the demo server aswell.


My site:

http://www.insu.biz/new

Really...

No ideas

This is why IE should die...by far the worst for web developers because Microsoft tries to create their own standards instead of following along like Firefox and Chrome.

Hi

The best thing You can do is to add this class to ie8.css:

Code: Select all

.mod_search > input#mod_search_searchword {
background:none repeat scroll 0 0 #FFFFFF;
border-color:#D6D4D1 -moz-use-text-color -moz-use-text-color #D6D4D1;
border-style:solid none none solid;
border-width:1px medium medium 1px;
color:#6C6459;
height:18px;
line-height:0;
margin-top:2px;
width:174px;
}


and than style it to look better under IE.

teitbite wrote:

Hi

The best thing You can do is to add this class to ie8.css:



and than style it to look better under IE.

Ahh thats it.

Why didn't I look in IE8.css


Here line-height was overruled with 26px which messed things up.

Thanks !!