How to put a button next to an input box on Firefox?

How to put a button next to an input box on Firefox?


Hello,

I'm using jQuery Mobile 1.3.0.

How do I put a button inline and right next to (after) an input box on Firefox?  I have a fieldset element to keep the label and text box inline with each other, and then have an icon-only button immediately following the text box.  It works on Chrome and Safari, but the problem is that on Firefox the icon-only button is vertically pushed down a bit from the label and the input box. 

I tried using a negative margin, and also a negative top value, to move the button up to be vertically aligned with the label and input box.  This worked, however, it's not cross browser.  When I had it lined up on Firefox, it is too high on Chrome and Safari.

How can I have the inline button be vertically aligned with the label and input box on Firefox?

Thank you!!!

  1. <fieldset data-role="fieldcontain" class="field text entrytag">
        <label for="entry_field_tag">Tag</label>
        <input data-mini="true" name="entry_field_tag" id="entry_field_tag" readonly="readonly">
        <a href="#" data-role="button" data-icon="grid" data-iconpos="notext" data-inline="true">Select Tag</a>
    </fieldset>