Menu Not Appearing on Start Up

[Justin]

I have a basic menu placed on a page with the menu being loaded in the Page_Load event.  Currently, whenever I start the menu in the latest IE or Firefox, only the last menu item (furthest to the right) is visible and selectable.  The rest of the menu does not appear until after I either resize the browser or hover over the last menu item, then the menu appears and works correctly going forward.

The page is fairly simple and is as follows:

<form id="form1" runat="server" style="height:100%;width:100%;">

<telerik:RadScriptManager ID="ScriptManager" runat="server" />
<div style="margin:0; width:100%; display:block; background-color:Black;">
    <telerik:RadMenu ID="RadMenuMain" runat="server" EnableRoundedCorners="true" EnableShadows="true" OnClientItemClicked="menuItemClicked">
    </telerik:RadMenu>
</div>
<iframe id="Iframe1" scrolling="auto" width="100%" height="100%" frameborder="0">
</iframe>
</form>

Any help or ideas are welcome.

Thank you.

[Justin]

I was able to resolve this issue.  It turns out that the menu control behaves this way when the body margin is set to zero.  By simply changing the margin to 1 px in the body style, the menu now appears and behaves as it should.