[HTML]Obrazek obok obrazka Opcje

[VeParadox]

Witam ponownie.
Mój kod działa poprawnie, problemem jest to że obrazki wyświetlają się jeden pod drugim , a chciałbym żeby były obok. Oto kod:

Kod

<div id="position: relative">
<img src="obrazek1.png" onmouseover="document.getElementById('dymek').style.display = ''" onmouseout="document.getElementById('dymek').style.display = 'none'">
  <div id="dymek" style="position: absolute; top: 50px; left: 50%; display: none"><img src="obrazek2.png"></div>
<div id="position: relative">
<img src="obrazek3.png" onmouseover="document.getElementById('dymek1').style.display = ''" onmouseout="document.getElementById('dymek1').style.display = 'none'">
  <div id="dymek1" style="position: absolute; top: 50px; left: 50%; display: none"><img src="obrazek4.png"></div>

Bardzo proszę o pomoc.