Tree Item renders with extra line in IE8

[DB]

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 looks ugly.

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);

        }
}

Thank you very much,
Dmitry

-- 
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.