Going mad.. How far?

Hello everyone… Again…
This might seem like an easy problem but since I am new to PHP…Whatever…

Alright… I didn’t put the image so that the edges can be seen.

There is this Haberlerrr image and under that, the brown part should start. Now… I want it to start right where the ‘Haberlerrr’ picture ends but for some reason they overlap and move together. Here is the code:

<div class="headertitles" style="width: 260px;"><img src="', $settings['images_url'], '/blank.gif" height="15" alt="" /></div>
					
<div class="headerbodies" style="width: 260px; position: relative; background-image: url(','http://www.ozelegemezun.com/yeniforum/Themes/7dana/images/english/haberlerarka.jpg); margin-bottom: 0px;">

<div class="headertitles" style="width: 260px;"><img src="', $settings['images_url'], '/blank.jpg" height="10" alt="" /></div>

<img src="', $settings['images_url'], '/', $context['user']['language'], '/NOIMAGE.gif" style="position: absolute; left: 0px; top: -20px;" alt="Haberlerrr" />

<div style="height: 100px; width: 200overflow: auto; padding: 12px;" class="smalltext">', $context['random_news_line'], '</div>

</div>';

Please help… I was redesigning the forum and was going pretty good but this problem took away my 2 hours, still couldn’t solve. I would really appreciate any help.

thank you…