As you can see in the following snapshot, there is a small icon at the right most side of the input box, when the user keeps typing in the input box, the icon starts to move, is there a way to keep it fixed in current position? \[code\]input.fillHoverIndicator{ background-image:url('../../images/msg_info_grey.png'); background-repeat:no-repeat; padding-right:16px; background-position:right;}\[/code\]
HTML\[code\]<input name="instance/logical.name" class="fillHoverIndicator" id="X26" style="width: 100%; height: 19px;" onkeydown="cfKeyDown(event, 'X26'); " onkeyup="cfKeyUp(event, 'X26');" onclick="handleOnClick(this, event);" onfocus="cbOnFocus(this, event);" onblur="cbOnBlur(this, event);applyToSameControl(this); " onchange="handleOnChange(this, event);" type="text" maxLength="2147483647" ButtonId="" dvdVar="" datachangeevent="" scripttype="comfill" getValue="http://stackoverflow.com/questions/15540636/function getComboValue(){.... return this.value}" for="X26" idFill="9" PopupSubformWidth="333" PopupSubformEnabled="1" PopupSubformInput="logical.name" PopupSubformFormat="popup.ci.info" tooltipHeight="209" tooltipWidth="333" tooltipUrl="popupsubform?hfformat=popup.ci.info&hfinput=logical.name&xScale=4.5&thread=1" value="http://stackoverflow.com/questions/15540636/1111111111111111111111111111111111111111111111"/>\[/code\]