I have created a three part list (options 1, 2 and 3). Each option has a <ul> which lists the requirements.

Here is the CSS:

ul {
	list-style-type:disc;
	list-style-position:outside;
}

#steps123 {
	margin-left:130px;
	width:230px;
	text-align:left;
}

#steps123 img {
	float:left;
	margin-right:40px;
}

Here is the HTML:

<div id="steps123">
   <img alt="no money down mortgage loans" src="/images/1.gif">
   <ul>
      <li>Amazing credit history</li>
      <li>Solid job stability.</li>
      <li>NO bankruptcies.</li>
      <li>Borrow up to 103%</li>
   </ul>


   <img alt="buy no money down" src="/images/2.gif">
   <ul>
      <li>Good credit history</li>
      <li>Solid job stability</li>
      <li>NO bankruptcies</li>
      <li>No derogatory credit in the last 2 years</li>
   </ul>

   <img alt="real estate no money down" src="/images/3.gif">
   <ul>
      <li>Fair credit history</li>
      <li>Strong job stability</li>
      <li>Discharged bankrupt minimum 2 years</li>
      <li>Established credit for at least 1 year</li>
   </ul>
</div>

I'm assuming this error is IE specific but hoping there is a work around.

As you can see, I am displaying an image which is to float:left of the <ul> tags. The list displays the requirements for each option and wraps to the next line where the text is too long for the div. However, in IE only, the last option goes beyond the margin of the image and the last option (when the text wraps), wraps under the image instead of within the bullets.

Is there a work around??

I think the unordered list is displaying as a block element. You might try giving the id #steps123 ul a float: right and see what that does.

??

nope... That made a REAL mess of things!

sorry

no problem... any help is appreciated.

Anyone else??

You need to put the width and height on the images in the html as you always would.

Zero out the margins and padding on the <ul> first, adjust as necessary afterwards.

Then, put in a left margin on the <li> items:
#steps123 li{
margin-left: 85px;
}

The margin-left value should be wide enough to push the list items past the right side of the image.