The photos on this page are correct in IE 6 but get shoved over to the left in just about all other browsers. You can see screen captures of several browsers at browsercam project page

The website is: Groundwork Minneapolis

Thanks for your help. Sorry, I couldn't figure out how to get the html to wrap.

Code:
#photo_kids_mud{
margin-top:1px;
margin-left:0px;
float:left;
}

/*Home page. Formats text, "For people...."*/
#text_kids_mud{
	float:right;
	margin-top:10px;
	margin-right:110px;
	width:200px;
}

/*Home page. Formats text "For places...".*/
#text_ducks{
	float:right;
	margin-top:-15px;
	margin-right:35px;
	width: 200px;
}

/*Home page. Formats photo "For places...".*/
#photo_ducks{
float:left;
margin-top:-25px;
margin-left:76px;
}

/*Home page. Formats bottom photo "For prosperity...".*/
#photo_prosperity{
	margin-top:-20px;
	margin-left:152px;
	margin-bottom:1px;
	float:left;
}


/*Home page. Formats text "For prosperity...".*/
#text_prosperity{
	float:right;
	margin-top:-10px;
	margin-right:-15px;
	width:145px;
}
HTML Code:
 <div id="photo_kids_mud">
<img src="images/kids-small.jpg" width="150" height="116" alt="Photo of Children" />
</div>

<div id="text_kids_mud"><h1>For People</h1>
creating opportunities for people 
to learn new skills and take local action.</div>


<div class="clear"></div>

<div id="photo_ducks"><img src="images/lake-ducks-tree.jpg" width="150" height="110" alt="Photo of river and ducks" /></div>
<div id="text_ducks"><h1>For Places</h1>creating better, safer, and healthier neighborhoods.</div>

<div class="clear"></div>

<div id="photo_prosperity"><img src="images/for_prosperity.jpg" width="150" height="110" alt="Photo of people at lake" /></div>
<div id="text_prosperity"><h1>For Prosperity</h1> helping business and individuals fulfill their potential.</div>