UpdatePanel misplaced buttons
<p>I am using an update panel inside a  tag of a table using the code below. However, because of the update panel, the Log Story button appears on top of the remaining two buttons: reset and cancel. This is probably an easy fix, so how can I align all buttons in one row? Thanks!</p>

<pre><code> &lt;td colspan="2" align="right"&gt;
            &lt;asp:UpdatePanel ID="UpdatePanel3" runat="server"&gt;
            &lt;ContentTemplate&gt;
            &lt;asp:Button CssClass="button_style" id="btnSubmit" class="btn" Text="Log Story" runat="server" onClientClick="javascript:return validate();" Width="80px" /&gt;
            &lt;/ContentTemplate&gt;
            &lt;/asp:UpdatePanel&gt;
            &lt;div style="display: none;"&gt;
                &lt;asp:Button CssClass="button_style" id="Submit" class="btn" runat="server" OnClick="btnSubmit_Click" /&gt;
            &lt;/div&gt;
                &amp;nbsp;
            &lt;asp:Button CssClass="button_style" id="btnReset" class="btn" Text="Reset" onClick="clear" runat="server" Width="70px" /&gt;
                &amp;nbsp;
            &lt;asp:Button CssClass="button_style" id="btnCancel" class="btn" Text="Cancel" onClick="cancel" runat="server" Width="70px" /&gt;
 &lt;/td&gt; 
</code></pre>
