We have the Telerik report view embedded in an MVC app. We are seeing a UI problem where on the initial load of the report, the page number controls (e.g. "1 of 101") get bumped off the toolbar, making the report viewer look ugly.
- This only happens in IE9. Chrome, Firefox and IE8 all work great.
- It only happens when you have > 9 pages in the report.
- If you touch any of the controls on the toolbar, the controls jump back up into their correct position.
The later point is making this issue difficult to troubleshoot, because if we edit the CSS using IE developer tools, any change to the CSS automatically fixes the problem. E.g., just the act of changing a CSS element bumps the controls back into place. But the problem persists on the next load of the report.
Attached are screen shots of the problem, as well as a screencap of the CSS that's getting applied to the offending DIV tag.