title: How can I display text over toolbar button for a firefox addon?
body: <p>I'm trying to display a small text (new messages count) over icon in toolbar button, something like Chrome and Opera extensions have with badge over the toolbar icons. Text should not cover the whole icon, it should be at the bottom so the user can still see main part of the icon and recognize what extension it is. How can I do this?</p>
  
  <p>You can see what I want on this example image from Chrome:</p>
  
  <p><img src="https://i.stack.imgur.com/0hZRV.png" alt="toolbar button text overlay on chrome"></p>
  
  <p><br/></p>
  
  <p>I tried with description, span and div inside stack element but I couldn't get none of them to position at the bottom. Description and div always display text at the center, while span displays it on the right side of the icon making the entire button wider.</p>
  
  <pre><code>&lt;toolbarpalette id="BrowserToolbarPalette"&gt;
      &lt;toolbarbutton class="toolbarbutton-1"&gt;
          &lt;stack&gt;
              &lt;image&gt;&lt;/image&gt;
              &lt;description right="0" bottom="0" value="4"&gt;&lt;/description&gt;
              &lt;!-- &lt;html:div right="0" bottom="0"&gt;5&lt;/html:div&gt; --&gt;
          &lt;/stack&gt;
      &lt;/toolbarbutton&gt;
  &lt;/toolbarpalette&gt;
  </code></pre>