Hogyan tudom ezt megcsinálni (html)?

Itt van egy html kódom (a vége a lényeg):

<div style=

"width:800px;height:460px;

background:url(http://#) no-repeat;

font-family:Calibri;color:#000000;font-size:14px;margin:0 auto;"

>

<div style=

"width:300px;

height:160px;

margin:30px 0 0 30px;

float:left;

background:rgba(255,255,255,0.9);

text-align:left;

overflow:hidden;"

>

<div style=

"width:280px;

height:130px;

overflow:hidden;

margin:10px;"

>

<div style=

"width:280px;

height:130px;

overflow:auto;

padding:0 17px 17px 0;"

>

<center style="margin-bottom:-8.5px;color:#000000;font-size:17px;font-family:MV Boli;">Cím</center>

<br/>szöveg</div></div></div>

<div style=

"width:400px;

height:285px;

margin:30px; 0 0 30px;

float:right;

background:rgba(255,255,255,0.9);

text-align:left;

overflow:hidden;"

>

<div style=

"width:380px;

height:265px;

overflow:hidden;

margin:10px;"

>

<div style=

"width:380px;

height:280px;

overflow:auto;

padding:0 17px 17px 0;"

>

<center style="margin-bottom:-8.5px;color:#000000;font-size:17px;font-family:MV Boli;">cím </center>

<br/>szöveg

</div></div></div>

<div style=

"width:740px;

height:57px;

margin:30px 30px; 0 0;

float:right;

background:rgba(255,255,255,0.9);

text-align:left;

overflow:hidden;"

>

<div style=

"width:720px;

height:60px;

overflow:hidden;

margin:10px;"

>

<div style=

"width:720px;

height:60px;

overflow:auto;

padding:0 17px 17px 0;"

>

szöveg

</div></div></div>

<!-- KÉP -->

<div style=

"overflow:left;

align:justify;

margin:20px;

padding:0 17px 17px 0;"

>

<img src="http:#" align="top;" width="210px;">

</div>

</div>

Azt szeretném hogy a kép, ami a végén található, a többi dolog fölé kerüljön. Hogyan tudnám ezt megoldani, lehet valahogyan a dolgok "tetejére" helyezni a képet vagy a div-et?