I have a div within a table cell, I am populating it with divs using php (a div based treeview). I've set the treeview's parent div to an overflow of hidden. I am setting the table cell's width using a drag and drop div, but the table cell stops shrinking when it gets to the treeview's text. Shouldn't the hidden allow the div to continue to shrink? I've adjusted my code for simplicity. Click the tall thin gray div, it will set the <td> to a width of 2px, but the treeview code seems to be forcing it to stay wider.

Code:
<html>
  <body>
    <table id="tblMain" border="1" style="width: 100%;">
	<tr>
	    <td style="vertical-align: top; width: 200px;">
		<div id="splSplitter" onclick="this.parentNode.style.width='2px'" style="height: 400px; cursor: e-resize; position: absolute; z-index: 100; width: 4px; left: 250px; background: #dfdfdf;"></div>
		<div style="overflow: hidden;">
		  <div id="divEdit"><a href="javascript:EditTree()">Edit Tree</a><br><br></div>
		  <div id="divTree"><div id="divFld_1" class="tvwFolder" onclick="ToggleFolder('1');">Documents</div><div id="divFldDiv_1" class="tvwFolderDiv" style="display: none;"></div>
		</div>
	    </td>
	    <td style="vertical-align: top;">
		<div id="divBody"></div>
	    </td>
	</tr>
    </table>
  </body>
</hrml>