У меня есть div с фиксированной позицией (верхняя панель), которая также должна содержать меню настроек в крайнем правом углу (в настоящее время через плавающий).

При наведении курсора на изображение настроек я хочу отобразить меню под изображением. Я хочу, чтобы меню было выровнено по правой стороне, как на картинке.

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

Любая идея с использованием jQuery очень ценится, не стесняйтесь изменить любой HTML.