Error in Menu design control

See more:

menu

Hi,
I am using menu control with little bit animation.
I am using two more munu's. I don't want to use all the menu's.
I want to display only one menu control at a time based on my condition.
I am getting error "object required:null identified in the "DIV"
I did't use any "DIV" in my code. why it shows null identied in the "DIV"
why the error will come...?
see my complete code as below...
JQuery
-------

<script type="text/javascript">
        $(function () {
            $("ul.level1 li").hover(function () {
                $(this).stop().animate({ opacity: 0.7, width: "210px" }, "slow");
            }, function () {
                $(this).stop().animate({ opacity: 1, width: "170px" }, "slow");
            });
        });
   </script>

CSS Code
--------

li 
 { 
            border:1px solid black; 
            padding:2px 2px 2px 2px; 
            width:210px; 
            background-color:#82C0FF;
            color:black; 
            cursor:pointer;
 }
 a { color:black; font: bold 11px Verdana; }

ASPX Page
---------

<tr>
                 <td width="100%">
                   <%If Session("Admin") = "1" Then%>
                          <ul>
                          <asp:Menu ID="AdminMenu" runat="server" Orientation="Horizontal" RenderingMode="List">
                              <Items>
                                  <asp:MenuItem NavigateUrl="~/Home.aspx"  Text="Home" Value="Home"  />
                                  <asp:MenuItem  Text="Master" Value="first">
                                          <asp:MenuItem  Text="A" Value="A"></asp:MenuItem>
                                          <asp:MenuItem Text="B" Value="B"></asp:MenuItem>
                                          <asp:MenuItem  Text="C" Value="C"></asp:MenuItem>
                                          <asp:MenuItem Text="D" Value="D"></asp:MenuItem>
                                  </asp:MenuItem>
                                  <asp:MenuItem  Text="Transaction" Value="Second">
                                          <asp:MenuItem  Text="A" Value="A"></asp:MenuItem>
                                          <asp:MenuItem Text="B" Value="B"></asp:MenuItem>
                                  </asp:MenuItem>
                                   <asp:MenuItem  Text="Reports" Value="Third">
                                          <asp:MenuItem  Text="A" Value="A"></asp:MenuItem>
                                          <asp:MenuItem  Text="B" Value="B"></asp:MenuItem>
                                  </asp:MenuItem>
                                  <asp:MenuItem NavigateUrl="~/Others.aspx"  Text="Others" Value="Others"  />
                              </Items>
                          </asp:Menu>
                          </ul>
                  <%End If%>
                  </td>
                  <td style="width:400px; vertical-align:top">
                      <asp:ContentPlaceHolder id="CONTENT" Runat="Server"/>
                  </td>
          </tr>
           <tr>
                 <td width="100%">
                   <%If Session("Emp") = "2" Then%>
                          <ul>
                          <asp:Menu ID="AdminMenu" runat="server" Orientation="Horizontal" RenderingMode="List">
                              <Items>
                                  <asp:MenuItem NavigateUrl="~/Home.aspx"  Text="Home" Value="Home"  />
                                  <asp:MenuItem  Text="Transaction" Value="Second">
                                          <asp:MenuItem  Text="A" Value="A"></asp:MenuItem>
                                          <asp:MenuItem Text="B" Value="B"></asp:MenuItem>
                                  </asp:MenuItem>
                                   <asp:MenuItem  Text="Reports" Value="Third">
                                          <asp:MenuItem  Text="A" Value="A"></asp:MenuItem>
                                          <asp:MenuItem  Text="B" Value="B"></asp:MenuItem>
                                  </asp:MenuItem>
                                  <asp:MenuItem NavigateUrl="~/Others.aspx"  Text="Others" Value="Others"  />
                              </Items>
                          </asp:Menu>
                          </ul>
                  <%End If%>
                  </td>
                  <td style="width:400px; vertical-align:top">
                      <asp:ContentPlaceHolder id="ContentPlaceHolder1" Runat="Server"/>
                  </td>
          </tr>

The error I get makes NO sense to me?




Object required

if (this.element.tagName === 'DIV') {

is highlighted in the extract from the system generated JavaScript below.
(But I'm using VB.Net - Framework 4.0 - so, DIV should be div - but I have no div and can't see where to introduce one?)


if (!window.Sys) { window.Sys = {}; }
if (!Sys.WebForms) { Sys.WebForms = {}; }
Sys.WebForms.Menu = function(options) {
this.items = [];
this.depth = options.depth || 1;
this.parentMenuItem = options.parentMenuItem;
this.element = Sys.WebForms.Menu._domHelper.getElement(options.element);
if (this.element.tagName === 'DIV') {
var containerElement = this.element;
this.element = Sys.WebForms.Menu._domHelper.firstChild(containerElement);
this.element.tabIndex = options.tabIndex || 0;
options.element = containerElement;
options.menu = this;
this.container = new Sys.WebForms._MenuContainer(options);
Sys.WebForms.Menu._domHelper.setFloat(this.element, this.container.rightToLeft ? "right" : "left");
}
else {
this.container = options.container;
this.keyMap = options.keyMap;
}