Menu Widget Not Working Correctly in Aspx page

Menu Widget Not Working Correctly in Aspx page

All,

If I take the source from jQuery Menu UI Widget (http://jqueryui.com/menu/) and just get a simple ASPX page to display the menu, the menu will not display corrected.

Specifically the sub menus will fly out to the Left even though the menu itself is in the upper left of the page (IE Window).  In effect the sub menu is unfolding outside of the IE Window.

Has anyone see anything like this?  Below is what I am using as a simple Aspx page.  If I take the guts of this and paste into a plain HTML page the Menu Widget will display sub menus fine.  Attached should be a screen shot of my troubles.

  1. <%@ Page Language="VB" CodeFile="JoeTest.aspx.vb" Inherits="JoeTest" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.     <title>jQuery UI Tabs - Default functionality</title>
  6.     <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
  7.     <script src="http://code.jquery.com/jquery-1.8.3.js" type="text/javascript"></script>
  8.     <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js" type="text/javascript"></script>
  9.     <script type="text/javascript" language="javascript">
  10.         $(function () {
  11.             $("#menu").menu();
  12.         });
  13.    
  14.     </script>
  15.     <style type="text/css">
  16.         .ui-menu { width: 150px; }
  17.     </style>
  18. </head>
  19. <body runat="server">
  20.     <form id="form1" runat="server" style="background-color: White; width: 728px">
  21.     <asp:ScriptManager ID="scrMng" runat="server" EnablePartialRendering="true">
  22.         <Services>
  23.         </Services>
  24.         <Scripts>
  25.         </Scripts>
  26.     </asp:ScriptManager>
  27.     <div>
  28.         <ul id="menu">
  29.             <li class="ui-state-disabled"><a href="#">Aberdeen</a></li>
  30.             <li><a href="#">Ada</a></li>
  31.             <li><a href="#">Adamsville</a></li>
  32.             <li><a href="#">Addyston</a></li>
  33.             <li><a href="#">Delphi</a>
  34.                 <ul>
  35.                     <li class="ui-state-disabled"><a href="#">Ada</a></li>
  36.                     <li><a href="#">Saarland</a></li>
  37.                     <li><a href="#">Salzburg</a></li>
  38.                 </ul>
  39.             </li>
  40.             <li><a href="#">Saarland</a></li>
  41.             <li><a href="#">Salzburg</a>
  42.                 <ul>
  43.                     <li><a href="#">Delphi</a>
  44.                         <ul>
  45.                             <li><a href="#">Ada</a></li>
  46.                             <li><a href="#">Saarland</a></li>
  47.                             <li><a href="#">Salzburg</a></li>
  48.                         </ul>
  49.                     </li>
  50.                     <li><a href="#">Delphi</a>
  51.                         <ul>
  52.                             <li><a href="#">Ada</a></li>
  53.                             <li><a href="#">Saarland</a></li>
  54.                             <li><a href="#">Salzburg</a></li>
  55.                         </ul>
  56.                     </li>
  57.                     <li><a href="#">Perch</a></li>
  58.                 </ul>
  59.             </li>
  60.             <li class="ui-state-disabled"><a href="#">Amesville</a></li>
  61.         </ul>
  62.     </div>
  63.     </form>
  64. </body>
  65. </html>