How can i fix my column

See more:

HTML

I have A table

and in my table's one row i add one column

but when i resize my window.the column text and the space get disturb

how can i fix it.

i am using this code...

<tr>
                <td colspan="3" width="100%">
                    <table width="100%" align="right">
                         <tr>
                            <td width = "60%" align = "left">
                                <%--<div id="div1" runat="server" class="divLoggedInAs">
                                    You are logged in as: <asp:Label ID="lblLoggedInAsEmailId" runat="server" CssClass="labelLoggedInAs"></asp:Label>
                                '</div>--%>

                                    You are logged in as: <asp:Label ID="lblLoggedInAsEmailId" runat="server" CssClass="labelLoggedInAs"></asp:Label>

                            </td>

                            <td align="right" width="13%">
                                <font size="2" face="Verdana" color="#000000">
                                    <a onclick="window.open('../TransactionStatus.aspx','newWindow','left=300,Top=170,resizable=no,toolbar=0,scrollbars=no,directories=0,status=0,menubar=0,width=550,height=520')" onMouseOver="this.className='AMouseOver';" onMouseOut="this.className='AMouseOutHeader';" style="cursor:pointer;">Track Transaction</a>
                                </font>
                            </td>
                            <td align="center" width="2%">
                                <font size="2" face="Verdana" color="#000000">
                                |
                                </font>
                            </td>

                            <td align="right" width="13%">
                                <font size="2" face="Verdana" color="#000000">
                                    <a onClick="window.open('../ExchangeRateCalc.aspx','newWindow','left=300,Top=170,resizable=no,toolbar=0,scrollbars=no,directories=0,status=0,menubar=0,width=550,height=520')" onMouseOver="this.className='AMouseOver';" onMouseOut="this.className='AMouseOutHeader';" style="cursor:pointer;">Fee Calculator</a>
                                </font>
                            </td>

                            <td align="center"width="2%">
                                <font size="2" face="Verdana" color="#000000">
                                |
                                </font>
                            </td>

                            <td align="right" width="13%">
                                <font size="2" face="Verdana" color="#000000">
                                    <%--<a onclick = "ShowCustomerServiceWindow(); id="hl1" style="float: right; margin: 14px 0 10px 0;">Customer Service</a>--%>
                                    <a onclick="ShowCustomerServiceWindow();" onMouseOver="this.className='AMouseOver';" onMouseOut="this.className='AMouseOutHeader';" style="cursor:pointer;">Customer Service</a>
                                    <%--<a onclick="window.open('../CustomerServiceCenter.aspx','newWindow','left=300,Top=170,resizable=no,toolbar=0,scrollbars=no,directories=0,status=0,menubar=0,width=550,height=520')" onMouseOver="this.className='AMouseOver';" onMouseOut="this.className='AMouseOutHeader';" style="cursor:pointer;">Customer Service</a>--%>
                                </font>
                            </td>
                        </tr>
                    </table>
                </td>
           </tr>

i want that when i resize my window the text on the table's column not get disturb.they remain at their orignol position.