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?
