将下拉列表放在内容上

Question

我有一个下拉菜单（http://jsfiddle.net/77f4m6n5/2/）的以下标记：

<a href="#" dropdown>Open
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
  </ul>
</a>
<div>
  Remaining Content
</div>

我如何使用CSS使A标签内的UL显示剩余内容，而不是在打开时将其推下来？