title: Aligning Menu Group to Menu Item
body: <p>I'm using Seam and Richfaces to make a menu bar.
  The code is like this:</p>
  
  <pre><code>&lt;rich:dropDownMenu showDelay="250" hideDelay="0" submitMode="none"&gt;
          &lt;f:facet name="label"&gt;Tools&lt;/f:facet&gt;
  
          &lt;rich:menuItem&gt;
              &lt;s:link view="/pages/tools/ppaParameters/PpaParametersEdit.xhtml" value="Parameters" id="PpaParametersId" includePageParams="false" propagation="none"/&gt;
          &lt;/rich:menuItem&gt;
  
          &lt;rich:menuGroup value="Security"&gt;
              &lt;rich:menuItem&gt;
                  &lt;s:link view="/pages/tools/security/ppaModule/PpaModuleEdit.xhtml" value="Module" id="PpaModuleId" includePageParams="false" propagation="none" /&gt;
              &lt;/rich:menuItem&gt;
          &lt;/rich:menuGroup&gt;
  
      &lt;/rich:dropDownMenu&gt;
  </code></pre>
  
  <p>How can I make the menu item aligns to its "father"?</p>
  
  <p><img src="https://i.stack.imgur.com/0QJ7H.png" alt="alt text"></p>
  
  <p>Ferramentas = Tools</p>
  
  <p>Segurança = Security</p>
  
  <p>Módulo = Module</p>