title: How do I CSS layer on top of ASP.NET Image?
body: <p>At the top of my screen, I have an ASP.NET Hyperlink with an image representing the company and the application. I want to use CSS layers to place text or some control displaying text on top of the hyperlink/image at bottom right hand corner representing the productEdition. </p>
  
  <p>I can't post the ASP.NET Hyperlink markup because it causes error but it has an ImageUrl. Oh, it's in a panel. See below:</p>
  
  <pre><code>&lt;asp:panel ID="toppanel" CssClass='wrapper' runat="server"&gt;
  &lt;!--Top Menu--&gt;           
  &lt;asp:panel id="menupanel" runat="server" CssClass="menusubwrapper"&gt;
      &lt;asp:HyperLink ID="HeaderLink" runat="server" ImageUrl="~/images/Header.gif" NavigateURl="~/Default.aspx" ToolTip="Home Page"&gt;   
      &lt;/asp:HyperLink&gt;
  &lt;/asp:panel&gt;
  </code></pre>
  
  <p>Using the techniques in some of the answers, I have this working - the text is on top of the picture but it's all the way to the left. I need it to be all the way to the right.</p>
  
  <pre><code>   &lt;asp:panel ID="toppanel" CssClass='wrapper' runat="server"&gt;
          &lt;!--Top Menu--&gt;           
          &lt;asp:panel id="menupanel" runat="server" CssClass="menusubwrapper"&gt;
  
           &lt;div id="Header" style="position: relative; z-index: 1"&gt;
            &lt;%--div style="position:absolute;z-index:1"&gt;--%&gt;
                &lt;asp:HyperLink ID="HeaderLink" runat="server" ImageUrl="~/images/Header.gif" 
                NavigateURl="~/Default.aspx" ToolTip="Home Page"&gt;   
                &lt;/asp:HyperLink&gt;
  
                 &lt;div style="position:absolute;top:60px; right:400px; width:600px; height:100px; z-index:2;font-size:200%"&gt;
                     &lt;b&gt;Testing...&lt;/b&gt;
                 &lt;/div&gt;
           &lt;%--&lt;/div&gt;--%&gt;
   &lt;/div&gt;`
  </code></pre>