HTML code moving sidebar

Permalink
Hi,

I'm hoping someone would be generous enough to spare some time to look at this html code for me... I have no knowledge of html but have "given it a go" so to speak:



<div style="z-index:1;
position:relative;top:0px;left:0px;"
</div>


<img src="http://www.mi-books.com/files/2013/1867/8504/1288795_86586584_copy.png"

<div style="z-index:1;position:relative;left:120px;top:160px;">


<div style="z-index:-20;position:absolute;left:350px;top:20px;">

<img src="http://www.mi-books.com/files/3813/1870/7387/iconusers.jpg"

onmouseover=
"this.src='http://www.mi-books.com/files/1413/1870/7403/usersimg.png'"

onmouseout=
"this.src='http://www.mi-books.com/files/3813/1870/7387/iconusers.jpg'">


<div style="z-index:-8;position:absolute;left:100px;top:60px;">

<img src="http://www.mi-books.com/files/4013/1870/7360/iconopenbook.jpg"

onmouseover=
"this.src='http://www.mi-books.com/files/8313/1870/7398/readimg.png'"

onmouseout=
"this.src='http://www.mi-books.com/files/4013/1870/7360/iconopenbook.jpg'">


<div style="z-index:-6;position:absolute;left:70px;top:90px;">

<img src="http://www.mi-books.com/files/4213/1870/7335/iconcomment.jpg"

onmouseover=
"this.src='http://www.mi-books.com/files/7013/1870/7282/chatimg2.png'"

onmouseout=
"this.src='http://www.mi-books.com/files/4213/1870/7335/iconcomment.jpg'">


<div style="z-index:-20;position:absolute;left:-520px;top:-5px;">

<img src="http://www.mi-books.com/files/4213/1870/7394/iconwireless.jpg"

onmouseover=
"this.src='http://www.mi-books.com/files/6913/1870/7205/blog.png'"

onmouseout=
"this.src='http://www.mi-books.com/files/4213/1870/7394/iconwireless.jpg'">


<div style="z-index:0;position:absolute;left:40px;top:-90px;">

<img src="http://www.mi-books.com/files/1713/1870/7311/iconclosedbook.jpg"

onmouseover=
"this.src='http://www.mi-books.com/files/3413/1870/7234/booksimg.png'"

onmouseout=
"this.src='http://www.mi-books.com/files/1713/1870/7311/iconclosedbook.jpg'">


<div style="z-index:0;position:absolute;left:95px;top:-60px;">

<img src="http://www.mi-books.com/files/4413/1870/7376/iconquill.jpg"

onmouseover=
"this.src='http://www.mi-books.com/files/3213/1870/7406/yourimg.png'"

onmouseout=
"this.src='http://www.mi-books.com/files/4413/1870/7376/iconquill.jpg'"> </div>

</div>


I'm trying to add this in a html block, it looks fine when i enter it, but when i click publish my whole sidebar is moved out of position, please see attachments.

I know it will be something really easy, and I know my code will be a mess but could someone take a look at it for me please??

2 Attachments