problems with photo boxes

I cannot seem to get my photo box divs to go anywhere but the bottom left of my main content section... I have the same code in another website that seems to work fine... the photo box element goes where I put it in that website. I've tried everything I can think of.... any suggestions would certainly be appreciated. I am somewhat new to CSS, but have tried Google and messing with it and am frustrated, esp. since it's probably a simple problem.

I just want to be able to put photo boxes at specific points in the text on the left and right sides with a simple PhotoBoxRight and PhotoBoxLeft CSS tags.

CSS Code:

}
.thrColHybHdr #sidebar-left {
float: left;
width: 150px;
background: #EBEBEB;
padding: 5px;
text-align: left;
clear: right;
border: 1px solid #000000;

HTML in page:

<div id="mainContent">
Recreation fees and public land:
<p><h4>Public land, public access</h4></p>
<p>The biggest issue with recreation fees is that they
create a barrier which discourages poor citizens from experiencing the great public lands... lands that they own equally with all U.S. citizens. The fixed-income
family as well as those unwilling to pay fees are denied access to
land that is theirs by birthright. No class of citizens should be
denied the harmless, non-consumptive use of land they pay
<div id="photo-left"><a href="http://www.wildwilderness.org/" target="_blank"><img src="images/fee-demo.jpg" alt="Fee Demo" width="180" height="180" align="left" /></a></div>
taxes to manage. The poor are denied
enough in our society; being kept away from Nature and their
national heritage is unfair and unjust.