title: CSS dropdown menu with submenu aligning to the right of it's parent
body: <p>Html</p>
  
  <pre><code>&lt;div id="dropmenu" class="dropmenu"&gt;
      &lt;login&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="/menu1"&gt;Menu1&lt;/a&gt;
              &lt;li&gt; &lt;a href="javascript:void(0);"&gt;Username&lt;/a&gt;
  
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="/profile"&gt;Profile&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;&lt;a href="/transactions"&gt;Transactions&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="/account/sign-out" data-load="refresh"&gt;Logout&lt;/a&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/login&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Css</p>
  
  <pre><code>.dropmenu ul {
      list-style-type: none;
  }
  
  /* login menu */
   .dropmenu login ul {
      margin: 0;
  }
  .dropmenu login &gt; ul &gt; li {
      float: right;
      border: 1px solid red;
  }
  .dropmenu login &gt; ul &gt; li &gt; a {
      display: inline-block;
      padding: 10px 20px;
      color: #ffffff;
  }
  .dropmenu login &gt; ul &gt; li &gt; a:hover {
      background-color: #f3f5f5;
      color: #545d5f;
  }
  #cart-button {
      font-size: 14px;
  }
  /* login drop-down */
   .dropmenu login ul ul {
      display: none;
      position: absolute;
  }
  .dropmenu login ul &gt; li:hover ul {
      display: block;
  }
  /* login sub-menu */
   .dropmenu login &gt; ul &gt; li &gt; ul &gt; li &gt; a {
      display: inline-block;
      width: 100px;
      padding: 10px 20px;
      background: rgb(130, 160, 46);
      background: rgba(130, 160, 46, 0.92);
      color: #ffffff;
  }
  .dropmenu login &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
      background-color: #f3f5f5;
      color: #545d5f;
  }
  </code></pre>
  
  <p>How can I make it so the dropdown menu is right aligned to it's parent?</p>
  
  <p><a href="http://jsfiddle.net/31bvbve4/" rel="nofollow">http://jsfiddle.net/31bvbve4/</a></p>