Menus without a target.

dropdown.html

// You'll need to hardcode the width to display them without a target.
<div class="dropdown" style="width: 200px;">
  <ul class="dropdown-menu visible">
    <li><span class="dropdown-category">Category</span></li>
    <li><a href="#">One</a></li>
    <li><a href="#">Two</a></li>
    <li>
      <a href="#">This is a really long link <i class="icon-external"></i> <span class="dropdown-caption">And I have a caption.</a>
    </li>
  </ul>
</div>

// You'll need to hardcode the width to display them without a target.
<div class="dropdown" style="width: 200px;">
  <ul class="dropdown-menu visible">
    <li><span class="dropdown-category">Category</span></li>
    <li><a href="#">One</a></li>
    <li><a href="#">Two</a></li>
    <li>
      <a href="#">This is a really long link <i class="icon-external"></i> <span class="dropdown-caption">And I have a caption.</a>
    </li>
  </ul>
</div>

For the outer DIV, setting position: static; instead of width: 200px; might work better. It will cause your markup example to render beneath the menus.