TreeItem renders with extra line in IE8

[Dmitry Berd]

Hi,
When I construct tree with TreeItem that is the panel or even simple HTML, the IE8 renders each TreeItem with extra line. Tree occupies too much space and does not look good.

root

text0 link0

text1 link1

text2 link2

text3 link3

text4 link4

It works fine with IE9, Firefox 3.6, Google Chrome, Safari 5

root
text0 link0
text1 link1
text2 link2
text3 link3
text4 link4

My application runs in lock-down clinical environment that has only IE7 and IE8 browsers. Please help me to fix the problem.

Here is the code sample:

public class TreeSample implements EntryPoint {

public void onModuleLoad() {

TreeItem root = new TreeItem("root");

for (int i=0; i<5; i++){

HTMLPanel panel = new HTMLPanel("<span id='text'></span>" +"<span id='link'></span>");
InlineHTML text = new InlineHTML("text"+i+" ");
Anchor link = new Anchor("link"+i);
panel.add(text, "text");
panel.add(link, "link");

root.addItem(new TreeItem(panel));
}

root.setState(true);

// Create a tree with a few items in it.
Tree t = new Tree();
t.addItem(root);

// Add it to the root panel.
RootPanel.get().add(t);

}
}


Thanks for the help,
Dmitry