How to add HTML without a DIV (GWT) - gwt

Question

I'm trying to create a menu dynamically (with some data from my database), the problem occurs when i try to add new menu item "li" with gwt HTML composite or with HTMLPanel, the li added inside a div element! and that break my style and break the menu, what can do to add html without div in gwt??
<ul style="display: none;" id="agence-id" class="submenu">
<div class="gwt-HTML">
<li>
<a id="P45O421">
<i class="icon-double-angle-right">
</i>P45O421</a>
</li>
</div>
<div class="gwt-HTML">
<li>
<a id="c2">
<i class="icon-double-angle-right">
</i>c2
</a>
</li>
</div>
<div class="gwt-HTML">
<li>
<a id="c3">
<i class="icon-double-angle-right"></i>c3</a>
</li>
</div>
<div class="gwt-HTML">
<li>
<a id="c4">
<i class="icon-double-angle-right">
</i>c4</a>
</li>
</div>

Answer 1

Create the HTMLPanel with the constructor where you can set the tag: HTMLPanel("li", yourHTML);. This will use the li instead of the standard div.

Answer 2

You can create Li elements by using dete Document.get().createLIElement() method and then add them to your ul element.
When you call RootPanel.get("YOURID").you get the ul element, since you have given it an id and therefor can find it in the DOM:
Codeexample:
import com.google.gwt.dom.client.Document;
import com.google.gwt.dom.client.LIElement;
...
HeadingElement liElement = Document.get().createLIElement();
liElement.setInnerText("This is a Li(l1) element!");
RootPanel.get("agence-id").getElement().appendChild(liElement );