jquery mobile - Aligning issue
<p>I have the following in jquery mobile:</p>

<pre><code>    &lt;div class="ui-grid-b"&gt;

      &lt;div class="ui-block-a" style="width:40%"&gt; 

        &lt;label for="Main_deg"&gt;Deg&lt;/label&gt;
        &lt;asp:DropDownList id="deg" runat="server"&gt;
        &lt;/asp:DropDownList&gt;        

      &lt;/div&gt;

      &lt;div class="ui-block-b" style="width:10%"&gt;

       &lt;button class="button" type="button" id="mther" onclick="otherDialog()"&gt;Other Click&lt;/button&gt;

     &lt;/div&gt;

     &lt;div class="ui-block-c" style="width:50%"&gt; 

       &lt;label for="specialty"&gt;Special&lt;/label&gt;
       &lt;input type="text" id="special name="specialty" /&gt;

     &lt;/div&gt;

  &lt;/div&gt;
</code></pre>

<p>What I am getting is that the the first and third div's are aligned horizontally fine. THe middle div - that one that has Other Click is slightly above the other 2.
Any idea on how I can have them all be aligned? </p>
