<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?