css Why won't this text wrap this image?

[AppleDave Veteran]

Hey guys, I am trying to figure out why this text on the "About" page will not wrap around the image I have floated to the right. Here is the link: http://web38.hosts.deanesmith.net

And here is the code:

<div class="about_demo">
<ul class="about_list">
<li class="question">Why E-Mail Marketing?</li>
<li class="answer">It works!  When done correctly, e-mail campaigns are one of the most effective new media tools available to marketing professionals today.  By using targeted lists, news-driven information and creative designs, e-mail marketing has become a more accepted avenue of information dissemination.<br><br>
Campaign Fusion was created by Logic Media Group, a full-service marketing and communications firm that specializes in new media and understands the importance of blending effective e-strategies with traditional public relations, marketing and advertising. The Campaign Fusion e-mail marketing system is a low-cost, effective online communications and e-marketing tool that can work for any business.</li>
</ul>
<a href="http://campaignfusion.com/demovid/index.htm"><img src="https://web38.hosts.deanesmith.net/wp-content/themes/blankslate/images/demo.png" class="demo" alt="email marketing"/></a>
</div>
[/CODE]

[CODE]
img.demo {
float: right ;
width: 450px ;
height: 332px ;
margin-top: 90px ;
}
.about2 ul.about_list {
margin-top:50px;
width:500px;
float: left;
}
[/CODE]

[threetonesun]

It appears to wrap just fine in Firefox.

[cybertimber2008]

Looks fine in FF (on Linux) and IE9.

[AppleDave Veteran]

The text is not wrapping past the bottom of the image if I move it up though... it's just two square blocks.

[Neu B]

Looks great. Win 8, IE 10 desktop and metro.

[Kami-]

Which browser are you using?

[CrispCreations]

You've set the width of your ul element to 500px, the list items it contains are constrained by the same width, it's never going to wrap as you expect.