Thanks for your response, Tsvetelina.

I think that not only depends on the browser itself, also depends on the way how browser render the docs according to doctype declared in the docs.

Unfortunately, I can not decide which browser the viewer will use. It is maybe IE8, IE7, even IE6. It seems that I must take care of the style I use by myself.

Hello Ricky,

The interpretation of the styles depends on the browser which you use.

If you are using Internet Explorer 7, you maybe experience this issue.

When using IE8, Mozilla Firefox  the solution with the style works

<div style="width: 220px; height:600px; overflow: hidden; position:relative;">

Hi!

I have the same problem. Even if I put my WebDataTree control into a div, whether I set the div's overflow css property, the scrollbars will appear.

I reviewed the client source code, found that the tree control itself had its own style and the overflow property set to auto. I use the Office2010Blue styleset for my tree. Especially when I set the fixed width and height for the container div and not set the width and height for the tree, but the tree's size didn't alter to the container div's size.

Server-side code:

<div style="width: 220px; height:600px; overflow: hidden"> 

<ig:WebDataTree ID="WebDataTree1" runat="server" EnableConnectorLines="true"

            DataSourceID="WebHierarchicalDataSource1" Font-Names="verdana" Font-Size="12px" 

            StyleSetName="Office2010Blue">

rendered client-side code:

<div style="width: 220px; height:600px; overflow: hidden">

......

<div id="WebDataTree1" class="ig_Office2010BlueControl igdt_Office2010BlueControl" style="overflow:auto;visibility:hidden;font-family:verdana;font-size:12px;">