Can't get text to float around image

[Loopster]

Hello,
I'm for some reason having trouble. This is simple stuff, but it isn't working!@

I'm just trying to get text to float around an image. I am not using DIV, but that shouldn't be necessary. Any ideas? I'm ashamed! This should be so simple! The problem is showing at: www.gbizbuilders.com

Here's the index.html code:

<p>
<img class="floatLeft" src="/picts/search-engine-marketing.png" alt="SEM">Search Engine Marketing:  Our firm will manage your online Pay Per Click campaigns.  We will run PPC campaigns to help you:
These services are designed to:
     <ul>
        <li><strong>Increase Sales</li></strong>
        <li><strong>Bring targeted traffic to your site</li></strong>
        <li><strong>Capture leads from your site</li></strong>
     </ul>
</p>

Here's the common-style.css code:

.floatLeft 
{ 
float: left; 
margin: 4px; 
}

[Loopster]

I figured it out. But not by using the CSS, I put what I needed in the HTML.

[MidiMagic]

You have an improper nesting. The ul tag pair can't be inside a p tag pair. It kept the p tag pair from wrapping around the image.

[Loopster]

Thanks MidiMagic,
That would be the problem, I've made the change.
Loopster