title: ASP.NET Menu Image with Dropdown Text Subitems
body: <p>I have a menu user control with image buttons like this one:</p>
  
  <pre><code>&lt;asp:TableCell ID="tcDownload" runat="server" CssClass="MyMenuTableCellDownload" VerticalAlign="Top" &gt;
      &lt;asp:ImageButton ID="ibtnDownload" runat="server" ImageUrl="~/Images/MyMenu/tb_download_1.gif"
          CssClass="MyMenuIbtn" ToolTip="Download Results" /&gt;
  &lt;/asp:TableCell&gt;
  </code></pre>
  
  <p>In the codebehind, I handle the onclick for these to navigate to another page:</p>
  
  <pre><code>ibtnDownload.Attributes.Add("onclick", "document.location.href = '" + strNavUrl + "';return false");
  </code></pre>
  
  <p>Elsewhere in the user control, I have regular text menus like this one:</p>
  
  <pre><code>&lt;asp:TableCell ID="tcMyMenuCust" runat="server"&gt;
      &lt;asp:Menu ID="menuMyCust" runat="server" StaticDisplayLevels="1" MaximumDynamicDisplayLevels="1" Orientation="Horizontal"
              CssClass="MyMenuCustomer" StaticMenuItemStyle-ItemSpacing="0px" DynamicMenuItemStyle-CssClass="MyMenuDynamicItem"
               StaticMenuItemStyle-CssClass="MyMenuStaticItem" DynamicHoverStyle-CssClass="MyMenuDynamicItemHover" DynamicVerticalOffset="0"
              StaticHoverStyle-CssClass="MyMenuStaticItemHoverCust" StaticEnableDefaultPopOutImage="false"
               DynamicPopOutImageUrl="~/Images/MyMenu/menu_arrow_grey.gif" DynamicMenuItemStyle-VerticalPadding="2" 
               DisappearAfter="0" OnMenuItemClick="menuMy_MenuItemClick"&gt;
          &lt;Items&gt;
              &lt;asp:MenuItem Text="Customers" ImageUrl="~/Images/MyMenu/MyMenuGradientTransparent.png" Selectable="false"&gt;
                  &lt;asp:MenuItem Text="Domestic&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;" 
                      Value="Customer_Domestic",
                      NavigateUrl="~/MyMain.aspx?_page=DomCusts&amp;_title=DomesticCustomers"&gt;
                  &lt;/asp:MenuItem&gt;
                  &lt;asp:MenuItem Text="International&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;" 
                      Value="Customer_International"
                      NavigateUrl="~/MyMain.aspx?_page=IndCusts&amp;_title=InternationalCustomers"&gt;
                  &lt;/asp:MenuItem&gt;
              &lt;/asp:MenuItem&gt;
          &lt;/Items&gt;
      &lt;/asp:Menu&gt;
  &lt;/asp:TableCell&gt;
  </code></pre>
  
  <p>What I want to do is extend the menu choices by changing the image buttons to behave like the regular menus, while maintaining their look (image resource).  That is, clicking on the image should result in a submenu dropping down to display subitems. </p>
  
  <p>I know it's possible to use properties such as StaticEnableDefaultPopOutImage to indicate that a menu item has child items.  I also understand that menu items can have background images, but what if I simply want to use an image rather than text on a main menu item that drops down subitems when clicked?</p>