I think I have all my problems solved and have some pretty good tmeplates to start with now

Only problem I see now is that on this page my bullet images are cut off on the left side in IE6 only.

Any ideas why this might be happening?
I am nervous about adjusting the margins/padding since it is looking great in IE7, FF, and Opera right now.

Thanks for your help!

Here is the CSS for the elements:

ul{
margin: 10px 0px 20px 20px;
width: 540px;
}
li.sixphaseapproach{
list-style: url(images/bullet.gif);
text-align: justify;
margin: 0px 0px 20px 25px;
padding: 0px 25px 0px 0px;
}
.sixphase {
color: #CC0000;
font-size: 13px;
font-weight: bold;
margin: 0 0;
}

and the relevant html:

<ul>
<li class="sixphaseapproach"><span class="sixphase">Meet </span>and listen to your management team and department managers to develop a comprehensive program with suggested solutions that are achievable within your timelines</li>

<li class="sixphaseapproach"><span class="sixphase">Develop </span>a design solution utilizing our CAD specialists to create a complete under-standing of your  equipment and floor space requirements within a precise integration plan</li>

<li class="sixphaseapproach"><span class="sixphase">Present </span>and review a design solution with all key team members from each department to ensure all programming needs have been met</li>

<li class="sixphaseapproach"><span class="sixphase">Review </span>and acknowledge the order process and confirm critical time lines for project management schedules</li>

<li class="sixphaseapproach"><span class="sixphase">Install </span>product and systems solution in accordance with customer&rsquo;s time line</li>

<li class="sixphaseapproach"><span class="sixphase">Complete </span>project and conduct personnel training program as specified</li>
</ul>

Then don't adjust the margins in IE7, Firefox and Opera. Adjust them in IE6 only.

How?

Conditional Comments. In your case, create a stylesheet for IE6 only and hack away.