Layout overlap with Menu

[Neil]

I've got a RadGrid below a RadMenu, and there seems to be some wierd overlap happening. In Firefox, I get a gray box partially behind the menu, and the contents of the grid are shoved to the right of the menu. I suspect the gray box is supposed to be the Grid's div, since the box and the grid text seem to line up pretty well.

It's also broken in IE, though it appears differently. In IE the gray box is still underneath the menu, but it is almost entirely covered by the grid contents. The grid contents are below the menu, not to the right as in Firefox.

A picture of the Firefox bug:
http://i27.tinypic.com/30uv4lf.png

The IE bug (note the circled area where the gray box is visible):
http://i30.tinypic.com/wimx1.png

[Neil]

Apparently this is a RadMenu bug. In messing around with the problem, I've noticed that if I replace my Grid with other controls, they show the same behavior.

Via the awesome Firebug extension for Firefox, I was looking through the styles and discovered that removing "float: left;" from .RadMenu fixed it.

[Aaron Lewis]

If anybody wants to use the fix that Ralph found without having to use a custom skin or move away from the embedded ones just yet, you can put the following in your code-behind (kinda hacky, but avoiding custom skin/more files to deploy):

radMenuName.Style.Add("float", "none");

[Nate]

The issue I found was that .RadMenu was set to z-index: 7000;  Just set it to 1 in the CSS file.

Great job bring up firebug.  I already used it, but didn't think about the inspector.  That probably saved me a ton of time.