[TYPO3-mvc] Category tree - problem double names

[Dawid Pacholczyk]

Hello List, I want to build simple category tree. I parent, many childs.

Level 1A
  - LEVEL 2A
  - LEVEL 2A1
    * LEVEL 3A
LEVEL 1B

I`ve created templates like this:

List.html

	<f:for each="{cats}" as="category">
		{category.title}
		<f:render partial="Cat/Properties" arguments="{cats:category.children}" />
	</f:for>

Properties.html

<f:if condition="{cats}">
<ul>
	<f:for each="{cats}" as="category">
	<li>
		{category.title}
		<f:render partial="Cat/Properties" arguments="{cats:category.children}" />
	</li>
	</f:for>
</ul>
</f:if>

With that I get

LEVEL 1A
  - LEVEL 2A
  - LEVEL 2A1
    * LEVEL 3A
LEVEL2ALEVEL2A1
  - LEVEL 3A
LEVEL 3ALEVEL1B

Nice mess. When i delete {category.title} from List.html I won`t get 1st 
level names.

What can I do with that ?

best regards,
Dawid Pacholczyk