[TYPO3] BE tree - HTML issue

[Rakowski Tomasz]

Hello!

I've created a tree of categories using the way present in BE tree.
But there is small problem:

my tree resides in left column of the two-column table of fixed widths.
The widths must be fixed, so sometimes when category name is too long it 
  breaks to new line - and here is the problem. The new line begins from 
the most left side of the tree even though the category is on some deep 
level. So it looks terrible.
All I want is to have that new line to begin directly under the first 
character of the whole category name.

Here is my table and it's contetns structure:

<table>

<tr>
<td width="33%"></td>
<td width="67%"></td>
</tr>

<tr>
<td></td>
<td>
<ul class="tree">
<li>
<span><img src=minus.gif width="18" height="16" alt="" /></span>
<span>
<a href="index.php?id=.." >Category </a>
</span>
</li>
<ul>
<li>
<span><img src=line.gif></span>
<span><img src=join.gif width="18" height="16" alt="" /></span>
<SPAN>
<a href="index.php?id=" >Subcategory 1
</a>
</SPAN>
</li>
</ul>
</ul>
</td>
</tr>
</table>


etc.

What I want is to have this SPAN tag working the way I described it above.


Can anyone give me a HTML, CSS hint?


greetings
racco