Tengo un div con una posición fija (un panel superior) que también contendrá un menú de configuración en el extremo derecho (actualmente a través de flotante).

Al pasar el cursor sobre la imagen de configuración, quiero mostrar un menú debajo de la imagen. Quiero que el menú se alinee con el lado derecho al igual que la imagen.

<div id="panel" style="position:fixed">
  <panel-entry 1>
  <panel-entry 2>
  <panel-entry n>

  <div id="settings" style="float:right/snapped to the right side>
    <img src=settings>
    <ul>
      <li>setting 1</li>
      <li>setting 2</li>
      <li>setting n</li>
    </ul>
  </div>
</div>

Cualquier idea de usar jQuery es muy apreciada, siéntase libre de reorganizar cualquier html.