Expand/Collapse Only After Mouse Moves in IE

[Cyndie]

I have a PanelBar with only one item that is above a Grid.  When I click on the panel bar to expand it, it expands under the grid and the grid doesn't move down until I move my mouse over the grid.  When I click on the bar to collapse it, it collapses, but the grid doesn't move back up until I move my mouse over the grid again. It doesn't seem to happen in Firefox, but does in IE7 & IE8.  Any ideas of how to prevent this from happening in IE?

Thanks!

[Alex Gyoshev]

Hello Cyndie,

The following CSS should help:

.t-grid {
    zoom: 1;
}

Greetings,
Alex Gyoshev
the Telerik team

[Cyndie]

I added it, but it didn't make any difference, unfortunately.

Visual Studio.NET does give me the following error:

Validation (CSS 2.1): 'zoom' is not a known CSS property name. 

Maybe I'm missing something else.

Thanks.

[Cyndie]

As a workaround, I added another item to my panelbar, put the grid in it and set that panel to Expanded.

Thanks.

[M]

I had this same problem when using MVC panelbar .NET 4 VS 2010, latest MVC build. Another workaround to get this to work in IE 7 is to create a new CSS class:

.spacer
{
display: block;
background: white;
height: 1px;
width: 1px;
}

Then between the panelbars just add:

<div class="spacer"></div>

1px is enough space for IE7 to render the panelbars properly.