Problem with wrapping text in Firefox

[easyeman]

I'm designing a page for our site and I want to use mainly <div> tags and having the text flow around it and am trying other stuff out with CSS and styles. I'm not done but I have it where it displays exactly how I want it in IE7, but for some reason the text does not wrap in Firefox. I'm sure it is something simple but I can't figure out what properties to use to get FF to auto-wrap the text.

Anyway, I have pictures below that show how the page looks in IE and also in Firefox...as you can see the list points do not break in FF and just keep going until it ends, whereas IE breaks it just like it should when it hits the picture to the right.

Does anyone have any idea how I can get this to work correctly in FF? I also have posted the code I've used for the page so you can see what styles I have and what I can probably add. I do not have any width set on the page for that list text, but I'd hope not to need it if it can wrap when hitting the picture. I appreciate the help!

Page in IE7:

Page in Firefox:

<div style="float:right">
                <img alt="Talon2 Breathing Air Compressor" title="Talon2 Breathing Air Compressor" src="images/talon.jpg" />
                <br />
                <span style="font-family:Arial; font-size:13px; font-weight:bold; color:#000000; padding-left:15px">
71"H x 34.5"W x 36"D</span>
            </div>
            <p style="text-align:center">
                <span style="font-family:Verdana; font-size:15px; color:#3333FF; font-weight:bold">Talon
                II Breathing Air Compressors</span>
            </p>
            <div style="text-align:left">
            <ul style="font-family:Arial; font-size:13px; color:#000000">
                <li>
                    World class appliance cabinet design including sound attenuation to limit noise to 76 dB.
                </li>
                <li>
                    Available with compressor capacities ranging from 8 to 38 CFM charging rate, 
                    all with a working pressure of 6000 PSI. All feature a well-proven, conventional 
                    reciprocating design with piston rings on all stages to assure volume efficiency 
                    throughout the pressure range. Engineered cooling air flow includes a top discharge 
                    exhaust that does not permit hot air to re-circulate within, the cabinet. 
                    This maintains an ideal cabinet environment that promotes long life and limits 
                    discharge air to less than 18°F above ambient temperature.
                </li>
                <li>
                    Totally automatic start/stop control based on air demand and fault conditions.
                </li>
                <li>
                    Large gauge panel includes normal and fault condition indicators to simplify operation and monitoring. 
The panel is illuminated and includes a "knockdown" feature permitting quick access for routine adjustments and maintenance.
                </li>
                <li>
                    An extensive array of options including air quality monitors are available for all sizes.
                </li>
                <li>
                    Generous access to all key components.
                </li>
                <li>
                    Simple and minimal service requirements.
                </li>
                <li>
                    Compact, space saving cabinet design.
                </li>
            </ul>
            </div>

 

[nju0843]

Have you tried setting a pixel width on the div surrounding your <ul>
tag? Something like <div style="width:200px;text-align:left">

Let me know if that works.

Thanks,
Nick