Question : How do I add an image to the right of a definition list?

I have an HTML document with a lengthy definition list. I need to add an image to the right of the list. The only way I could think of doing it was to put the list and image into a table, but what I'm getting is the list is squished against the left 25% of the page with the image to the right. I've tried every combination of alignments I can think of and nothing seems to work. Maybe there's a better way to do this instead of a table? Please help me!

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:

           
           
          <h2>Program Overview</h2>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50%">
<dl>

<dt class="first"><strong>List 1:</strong></dt>
	<dd>
		Lots of text entered here.
	</dd>
	<dt class="second"><strong>List 2:</strong></dt>
	<dd>
		Lots of text entered here.
	</dd>
	<dt class="third"><strong>List 3:</strong></dt>
	<dd>
		Lots of text entered here.
	</dd>
	<dt class="fourth"><strong>List 4:</strong></dt>
	<dd>
		Lots of text entered here.
	</dd>
	<dt class="fifth"><strong>List 5:</strong></dt>
	<dd class="last">
		Lots of text entered here.
	</dd>
	<dd>
		Ready to get started?</strong>
	</dd>
</dl>
</td>
<td align="right">
	<img src="${IMG_URI}mysite://my-image">
</td>
</tr>
</table>

           
         

Answer : How do I add an image to the right of a definition list?

try this

                       
         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:

           
           
             <div>
 <div style="width:50%;float:left;">
<dl>

<dt class="first"><strong>List 1:</strong></dt>
	<dd>
		Lots of text entered here.
	</dd>
	<dt class="second"><strong>List 2:</strong></dt>
	<dd>
		Lots of text entered here.
	</dd>
	<dt class="third"><strong>List 3:</strong></dt>
	<dd>
		Lots of text entered here.
	</dd>
	<dt class="fourth"><strong>List 4:</strong></dt>
	<dd>
		Lots of text entered here.
	</dd>
	<dt class="fifth"><strong>List 5:</strong></dt>
	<dd class="last">
		Lots of text entered here.
	</dd>
	<dd>
		Ready to get started?</strong>
	</dd>
</dl>
 </div>
 <div style="width:50%;float:right;">
    <img src="${IMG_URI}mysite://my-image" width="100%" height="100%">
 </div>
 </div>

           
         