Image not displaying

[StephVincent]

I am having problems displaying three simple circle. They show up on my Kindle for PC, but on top of one another instead of side by side. But they don't show in any of the device of the MobiEmulator. The three circles were drawn in the original docx files which i converted to .html. I have been cleaning up the html file to fix some of the translation confusion in the code before passing it to PocketCreaor, but i don't really know what is actually happening to my images. They are located in the appropriate folder *.files which is beside my original html file and MobiPocketCreator does copy it to the new folder with the copy of the .html, .opf .MBP and .toc files and the opf_cache folder. So why aren't they being displayed?

This is the code generated to display the image.

<p class="MsoBodyText">
<span style="mso-ignore:vglayout;position:absolute;z-index:251658752;margin-left:244px;margin-top:45px;width:26px;height:25px">
<img src="Human%20evolution_files/image001.png"/></span>
<span style="mso-ignore:vglayout;position:absolute;z-index:251659776;margin-left:268px;margin-top:45px;width:26px;height:25px">
<img src="Human%20evolution_files/image001.png"/></span>
<span style="mso-ignore:vglayout;position:absolute;z-index:251660800;margin-left:292px;margin-top:45px;width:26px;height:25px">
<img src="Human%20evolution_files/image001.png"/></span>
<b>At that moment through a process similar to reverberation a third photon will appear between the first two.</b>
</p>
And why is the generated z-index so high (i did try a variaty of values but nothing).