Eu tenho um div com uma posição fixa (um painel superior), que também deve conter um menu de configurações na extrema direita (atualmente via flutuante).

Ao passar o mouse sobre a imagem de configurações, quero exibir um menu abaixo da imagem. Eu quero que o menu seja alinhado ao lado direito, assim como a imagem.

<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>

Qualquer idéia usando jQuery muito apreciado, fique à vontade para reorganizar qualquer html.