Put jquery mobile autocomplete and select side by side -

i trying put jquerymobile mobile (using version 1.3) selectmenu , autocomplete side side, autocomplete search-box not aligned selectmenu , cut-off @ top.

i've tried

<div class="ui-grid-a">  <div class="ui-block-a" style="float:left;">    <label for="targettypelist" class="ui-hidden-accessible">all uses</label>    <select name="targettypelist" id="targettypelist">     <option value="standard">standard: 7 day</option>     <option value="rush">rush: 3 days</option>   </select> </div> <div class="ui-block-b" style="float:left;">   <ul data-role="listview" data-inset="true" data-filter="true" data-filter-reveal="true" data-filter-placeholder="search cars..."> <li><a href="#">acura</a></li> <li><a href="#">audi</a></li> <li><a href="#">bmw</a></li> <li><a href="#">cadillac</a></li> <li><a href="#">chrysler</a></li> <li><a href="#">dodge</a></li> <li><a href="#">ferrari</a></li> <li><a href="#">ford</a></li> <li><a href="#">gmc</a></li> <li><a href="#">honda</a></li> <li><a href="#">hyundai</a></li> <li><a href="#">infiniti</a></li> <li><a href="#">jeep</a></li> <li><a href="#">kia</a></li> <li><a href="#">lexus</a></li> <li><a href="#">mini</a></li> <li><a href="#">nissan</a></li> <li><a href="#">porsche</a></li> <li><a href="#">subaru</a></li> <li><a href="#">toyota</a></li> <li><a href="#">volkswagen</a></li> <li><a href="#">volvo</a></li> </ul>     </div> 

(live demo at: http://jsfiddle.net/ge44j/) , table layouts no luck.

any ideas how format them properly?

jqm adds negative margins around filter input. try adding css:

.ui-listview-filter-inset {     margin: 4px 0 0 0 !important; } 

updated fiddle