The code worked fine originally before I inserted the <div> section. All the words were listed in the middle of the table head. The original code is as following:

<tr>
<td align="left" class="titlebarMyOrganizer" height="29" valign="middle" width="*" colspan=""> &nbsp; <b> Notifications </b> &nbsp; <span id="listDataCount"></span> &nbsp;
    <div id="div_option" name="div_option" style="position:absolute; visibility:visible"> ...some code</div>
</td>
</tr>

Then I inserted another <div></div> section into the cell. After I did that, all the words are valigned as 'top' instead of 'middle'. Who could tell me what happened and how I can fix it?
Code that have the problem is listed as following:

<tr>
<td align="left" class="titlebarMyOrganizer" height="29" valign="middle" width="*" colspan="">
<!--************************************************** ************
    //add a div tag here to insert a vertical bar which shows the back to left image
************************************************** ******-->
    <div id="div_LayerSigs" name="div_LayerSigs" style="position:absolute; visibility:hidden;left:0px; bottom:0px; width:31px;z-index:4; height:610px; top:0px" >
          <table id="tbl_sideControl" height="100%" width="100%" bgcolor="#666699" >
               <tr height="25" valign="middle" >
                <td valign="middle" >
                    <IMG alt="" border=0 height=14 id="restoreImg" onclick="directIdentifier='restore';leftRight(this , directIdentifier);" src="/cw/images/blue/fullymax.gif" width=14 >
                </td>
              </tr>
              <tr>
                <td>
                </td>
              </tr>
            </table>
    </div>


&nbsp; <b> Notifications </b> &nbsp; <span id="listDataCount"></span> &nbsp;
    <div id="div_option" name="div_option" style="position:absolute; visibility:visible"> ...some code</div>
</td>
</tr>

Thanks!