hover-menu po prawej stronie ustalonego div

Mam div z ustaloną pozycją (górny panel), który powinien również zawierać menu ustawień po prawej stronie (obecnie przez pływające).

Po najechaniu kursorem na obraz ustawień chcę wyświetlić menu pod obrazem. Chcę, aby menu było wyrównane do prawej strony, tak jak obraz.

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

Jakikolwiek pomysł z jQuery jest bardzo mile widziany, możesz dowolnie zmieniać html.

questionAnswers(2)

yourAnswerToTheQuestion