>In IE, when below a text I have a INPUT tag, there is a one pixel additional gap that I do not have with other browsers. Try this for example:
>
>
><Html>
><body>
>
><STYLE>
>.LevelExtremeListHeaderColumn
>{
> Padding-Left: 1px;
> Padding-Right: 1px;
> Padding-Top: 1px;
> Padding-Bottom: 1px;
> Text-Align: Center;
> White-Space: NoWrap;
>}
>.LevelExtremeListDropDownList
>{
> Font-Size: 11px;
> Margin-Left: 0px;
> Margin-Top: 0px;
> Margin-Right: 0px;
> Margin-Bottom: 0px;
>}
>.LevelExtremeListDropDownListWithTextbox
>{
> Font-Size: 11px;
> Margin-Left: 0px;
> Margin-Top: 0px;
> Margin-Right: 0px;
> Margin-Bottom: 0px;
>}
>INPUT.LevelExtremeListTextboxWithDropDownList
>{
> Font-Size: 11px;
> Margin-Left: 0px;
> Margin-Top: 0px;
> Margin-Right: 0px;
> Margin-Bottom: 0px;
>}
></STYLE>
>
><TABLE CELLSPACING=0 CELLPADDING=2>
><TR>
>
><TH Class=LevelExtremeListHeaderColumn>A<BR><SELECT NAME=Operator1 Class=LevelExtremeListDropDownListWithTextbox><OPTION VALUE="="
>
>SELECTED>=</SELECT><INPUT TYPE=Text NAME=Search1 SIZE=50 MAXLENGTH=50 STYLE="Width: 60px;" Class=LevelExtremeListTextboxWithDropDownList></TH>
>
><TH Class=LevelExtremeListHeaderColumn>A<BR><SELECT NAME=Boolean2 Class=LevelExtremeListDropDownList onChange=SubmitBoolean2(this)><OPTION
>
>VALUE=" " SELECTED>All</SELECT></TH>
>
></TR>
></TABLE>
>
></body>
></Html>
>>
>See that the first letter A is having a one additional pixel between its content and the below dropdown and textbox. However, remove the textbox and you will not have the problem, such as represented on the right. Anyone knows how to fix this?
In 64-bit Win7 using Firefox 17.0.1 and IE 9.0.8112, it is the same in both Firefox and IE. I think it looks different in IE because the border around the textbox is 1 pixel bigger in Firefox.
