Question

I’m trying to dinamically add a button to an input.

It’s working with IE9 but I have position problems with chrome 15.0.874.121 m, sometimes applying zoom to chrome the button align properly

Here is a sample http://jsbin.com/etacap/latest

Thanks!

Answer 1

by modifiying your .deleteButton class, you can reach something decent.

.deleteButton{
  position:absolute;
  right:0;
  top:3px; /*or 16%*/
}

yet, there is still a 2 pixels difference T_T. Ideally it would be 4px for chrome, and 2 for ie.

EDIT: alternatively you could do something like this:

...
myButton.height(myText.height()+2);
var top = $.browser.webkit ? '4px' : '2px';
myButton.css('top', top);