Positionner un element par rapport à un autre

Bonjour à tous,
J'ai un petit soucis de CSS. Voila j'ai une barre avec plusieurs icônes.Je voudrais que lorsque je clique sur l'un d'entre eux, un div arrive juste en dessous, il passe par dessus les autres éléments.

Code:

---

1 2 3

<img class="editor_icon_item" src="img/editor/link.png" onclick="exec('CreateLink');" /> <img class="editor_icon_item" src="img/editor/unlink.png" onclick="exec('Unlink');" /> <img id="chooseColor" class="editor_icon_item" src="img/editor/color_swatch.png" onclick="openColorChoice();" />

---

Lorsque je clique sur le choix de la couleur, un div apparait avec mes couleur, comment le positionner par rapport à 'chooseColor'. Je voudrais le même résultat que le div qui apparait sous le champ input lors de l'autocomplétion
Merci d'avance.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

function calculateOffsetLeft(r){ return calculateOffset(r,"offsetLeft"); }     function calculateOffsetTop(r){ return calculateOffset(r,"offsetTop"); }   function calculateOffset(r,attr){ var kb=0; while(r){ kb+=r[attr]; r=r.offsetParent; } return kb; }

---