tabstrip displaying twice in my mobile device.

[Tirumalesh]

I used this http://demos.kendoui.com/mobile/overview/index.html#overview-cities . and i changed it to:
Menus.aspx:
 <footer data-role="footer">
        <div data-role="tabstrip">    
            <a data-icon="globe"  style="text-decoration:none"  href="Menus.aspx">Menu</a>
            <a data-icon="organize" href="More.aspx" class="k-state-active">More</a>
            <a data-icon="contacts" href="Contacts.aspx">Contacts</a>            
        </div>
    </footer>

And in the body of menus.aspx i used a link:
<a href="MenuCategory.aspx?MenuId=XXXXXXXX"  >
                        Fruit Salat</a>
_________________________________
When i run my page the url becomes:http://localhost:54508/Project/Menus.aspx , in this page i am displaying all items and when i click on item i mean the above anchor tag(MenuCategoried.aspx?MenuId=XXXXX), going to
when i click on link it redirecting to MenuCategories page but the footer tabstrip displaying twice: url-http://localhost:54508/Project/Menus.aspx#MenuCategory.aspx?MenuId=XXXXXXX .If i remove menus.aspx# like:http://localhost:54508/Project/MenuCategory.aspx?MenuId=XXXXXXX and run this it displaying single tabstrip.so how to resolve this?I think here the anchor tag may be the problem.I tried using asp LinkButton,but it not binding the required data to it,I'm binding link:
<%if (Session["Menu"] != null)
                  {
                      List<Menu> menus = (List<Menu>)Session["Menu"];


                      foreach (Menu mn in menus)
                      { %>
                <ul>
                    <li data-icon="globe"><a href="MenuCategory.aspx?MenuId=<%=mn.menu_uid %>"  >
                        <%--&MenuGroupName=<%=mn.menu_name %>--%>
                        <%=mn.menu_name%></a></li>
                </ul>
                <%  }
                  } %> 
In asp LinkButton the tag "<%=mn.menu_uid %>" not working properly.I mean it not displaying the data.

How to resolve this?