javascript - jQuery button ui-btn-right wrong position -

i have 2 buttons, display in left , right end (both @ bottom) of screen.

<div class="ui-field-contain"> <fieldset>     <button  id = "back" class="ui-btn ui-icon-grid ui-btn-icon-right ui-btn-inline" data-position="fixed" onclick="getprevious()">previous</button >     <button id = "next" class="ui-btn ui-icon-home ui-btn-icon-right ui-btn-inline" data-position="fixed" onclick="getnext()">next</button> </fieldset> </div> 

i tried adding ui-btn-right..

<button id = "next" class="ui-btn ui-btn-right ui-icon-home ui-btn-icon-right ui-btn-inline" data-position="fixed" onclick="getnext()">next</button> 

but, displayed . can see positioning not in-line.

am missing here. also, trying position these button @ bottom of mobile screen, above footer. trying find work around too.

i tried adding below styling:

style="bottom: 50px ; position: fixed"  

but buttons overlapped

try adding ui-btn-left class "previous" button remove margin applied on ui-btn class