Issue lists : Text editor -> Visual editor

Hi,

When I put that code in text editor and I go back to visual editor. The “code” is destroyed.

Text Editor:

<ul>
[expand title="Item One" tag="li"]
This is some special text to display about item one
[/expand]
[expand title="Item Two" tag="li"]
This is some special text about item two to display
[/expand]
[expand title="Item Three" tag="li"]
Item three also has some special text to be displayed
[/expand]
</ul>

The result after visual editor:

<ul>
 	<li style="list-style-type: none">
<ul>[expand title="Item One" tag="li"]</ul>
</li>
</ul>
&nbsp;
<ul>
 	<li style="list-style-type: none">
<ul>This is some special text to display about item one</ul>
</li>
</ul>
&nbsp;
<ul>
 	<li style="list-style-type: none">
<ul>[/expand]</ul>
</li>
</ul>
&nbsp;
<ul>
 	<li style="list-style-type: none">
<ul>[expand title="Item Two" tag="li"]</ul>
</li>
</ul>
&nbsp;
<ul>
 	<li style="list-style-type: none">
<ul>This is some special text about item two to display</ul>
</li>
</ul>
&nbsp;
<ul>
 	<li style="list-style-type: none">
<ul>[/expand]</ul>
</li>
</ul>
&nbsp;
<ul>
 	<li style="list-style-type: none">
<ul>[expand title="Item Three" tag="li"]</ul>
</li>
</ul>
&nbsp;
<ul>
 	<li style="list-style-type: none">
<ul>Item three also has some special text to be displayed</ul>
</li>
</ul>
&nbsp;
<ul>[/expand]</ul>

What is the solution, expect disabling the visual editor?

Thanks.