Width incorrect in IE6

[Adam]

Hi all
Having a struggle here
Take a bog standard MVC Grid control:

    <%= Html.Telerik().StyleSheetRegistrar()
            .DefaultGroup(group => group.Add("telerik.common.css")
                                        .Add("telerik.webblue.min.css"))
    %>

    <h2>Index</h2>
    
    <div style="width:100%; overflow:auto;">
    
        <%= Html.Telerik().Grid(Model)
            .Name("Grid")
            .Sortable()
            .Pageable()
        %>
    
    </div>
<%= Html.Telerik().ScriptRegistrar()%>

Get the model to return (for instance) 3 rows of 15 columns of lorem ipsum.

Now, in Firefox the <div style="width:100%; overflow:auto;"> makes the grid appear in a div thats 100% of the screen width, with a handy horizontal scroll bar.
In IE6, no such luck - the grid is shown full width and hares off to the right, off screen.

Any ideas? Thx.

[Atanas Korchev]

Hello Adam,

 Try making the div relative. IE is infamous for having trouble with scrollable elements and relative children.

<div style="width:100%; overflow:auto; position:relative">

Regards,
Atanas Korchev
the Telerik team

[Adam]

Absolutely brilliant. Thank you!