I've recently started to use divs instead of tables and unfortunately I've got stuck.

I'm trying to use the following code (the images you see is used as corners):

<div class="roondcont13">
              <div class="roondtop"> <span class="rund108 style505"><IMG height=10 src="hornvan.jpg" width=10 align=left><IMG height=10 src="right_b.jpg" width=10 align=right><br>
                <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr align="middle" class="lin">
                    <td width="163" class="style346">              
                      <table width="100%" height="0" border="0" align="right" cellpadding="5" cellspacing="1" bgcolor="#000000">
                            <td class="style151 style40" height="59" width="226">&nbsp;</td>
                            <td class="style151 style40" width="575"><p align="right">&nbsp;</p></td>
                            <td class="style151 style40" width="4">&nbsp;</td>
                        </table>                      <p align="left" class="rund1"></td>
                <p class="rund1">
                  <IMG height=9 src="hova.jpg" width=10 align=left><IMG height=9 src="right_c.jpg" width=10 align=right></p>
                <table border="0" cellpadding="5" cellspacing="1">

For some reason I can see a open white space at the very bottom, between the left and right corner.

How can I fix this?

I also would like to know if anyone knows how to easy create divs as part of a webpage, in Dreamweaver or in another program?