Hello, I hope everything goes fine with you all!

, I'm sorry to bother you but I have a problem I would like to resolve...
I would like to do a simple inputbox with a button on the right side... similar to screenshot1 (attached)... but no matter if I copy the html code and the CSS from the jquery mobile page, it produces a HUGE inputbox with a lot of padding... (please check screenshot2)... here's my code...
-
-
<div data-role="controlgroup" data-type="horizontal">
-
<select>
-
<option>1</option>
-
</select>
-
<input id="mybox" type="text" data-mini="true" data-wrapper-class="ui-btn" style="">
-
-
</div>
I did not include the CSS but the result is the same, it's just huge...
PLEASE, I would like to understand why this is happening... thank you for your help! :-)