problem with text and images text is overlaying or moving to below image.

[Sirus86]

problem with text and image.Text is overlaying or moving to below image. i design is very complex and i need to include a scroll within the design.
this is what i have so far

div id="content" >
<table background="images/Layer-7.png" width="677" height="311" alt="content" class="pngimg" />

<tr>
<td> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a est magna, vel tincidunt nulla. Maecenas ligula enim, pretium id porta vitae, mattis sit amet sem. Donec dictum facilisis pharetra. Fusce ornare scelerisque viverra. Donec ultrices ultricies feugiat. Nam consequat sodales feugiat. Donec feugiat erat et diam hendrerit at rhoncus felis ultricies. Nulla auctor libero non purus rutrum vel t<span class="style2"></span>empus libero iaculis. Pellentesque et vehicula turpis. Sed dapibus semper semper. Etiam nec lacus a ante ultrices feugiat. In sodales, ligula ac faucibus auctor, leo eros sodales enim, quis accumsan massa quam at nunc. Vivamus unc id nibh. Suspendisse sit amet dui id sem tincidunt molestie. Nunc varius mattis neque nec scelerisque.</td>

</tr>
</table>
</div>