title: Ext.menu.Menu positioning
body: <p>I'm trying to line up a menu that I've created using <code>Ext.menu.Menu</code>.  As you can see below, the menu is displayed <b>1 pixel</b> to the right of its parent.</p>
  
  <p><img src="https://i.stack.imgur.com/KbD2J.png" alt="The menu isn&#39;t quite right"></p>
  
  <p>What's the best way to get this perfectly aligned?.  I've looked into <code>getPostion()</code> and <code>setPosition()</code> briefly and I'm not sure that's the correct way to do this.</p>
  
  <p>My menu code is pretty basic:</p>
  
  <pre><code>var userMenu = new Ext.menu.Menu({
      id: 'userMenu',
      width: 120,
      height: 70,
      items: [
          {
              text: 'My Settings',
              handler: settingsHandler                    
          },
          {
              text: 'Sign out',
              handler: signoutHandler         
          }   
          ]
      });     
  
         var menuHandler = function(e) { 
              userMenu.show('parent-menu');    
         }; 
  
         Ext.get('parent-menu').on('click',menuHandler);
  </code></pre>
  
  <p>Is there anything that I can add here? Thanks in advance!</p>