<div>
I deleted the div clear:both just below your div style float, also got rid of the margin you had on the float. <br />
If you add padding-top: 25px; to the videooutline css class your image will float perfectly.<br />
<br />
<br />

<pre><code id="code-20-39311593-1">&lt;div class=&quot;videooutline&quot;&gt;
&lt;div style=&quot;float&quot;&gt;
&lt;img src=&quot;Videos/Video images/Videoimage.jpg&quot; width=&quot;100&quot; height=&quot;90&quot; alt=&quot;Play videos&quot; title=&quot;Click a link to the left to play a video&quot;&gt;
&lt;/div&gt;</code></pre>
</div>


<div>
<div class="content wysiwyg-content">
I am trying to float an image to the right of a list<br />
Bottom center of this page:<br />
<a href="http://roofgenius.com/test2.asp" rel="ugc">http://roofgenius.com/test2.asp</a><br />
The list drops too low in the division and does not line up with the image<br />
How can i write this?
</div>
</div>


I am trying to float an image to the right of a list
Bottom center of this page:
http://roofgenius.com/test2.asp
The list drops too low in the division and does not line up with the image
How can i write this?

I deleted the div clear:both just below your div style float, also got rid of the margin you had on the float. 
If you add padding-top: 25px; to the videooutline css class your image will float perfectly.


(CODE)

Trying to float an image to the right of a list

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.