I've tried every senario to link a simple class from within another class within a div if that makes sense. The only browser it works in is Internet Explorer. The address is http://www.earthspiritpublishing.com/index.php

HTML Code:
<div id="boxes">
  <div class="box_1">
			<h3><a href="http://www.councilofanimals.com/" target="_blank">Council Of Animals</a></h3>
				
			<center><a href="http://www.councilofanimals.com/" target="_blank"><img src="images/COA_th.jpg" width="248" height="174" alt=""></a>
	  </center>
			<p>&nbsp;</p>
				<div class="more"> <a href="http://www.councilofanimals.com/" target="_blank">read more</a></div>
				 <div class="buy"><a href="buy.php" class="buy">Buy</a></div>
	</div>
			<div class="box_2_3">
			<h3><a href="http://www.joeslam.com/" target="_blank">Joe Slam</a>  </h3>
				
					
					<div align="center"><a href="http://www.joeslam.com/" target="_blank"><img src="/" width="248" height="174" alt=""></a>
	  </div>
			<p>&nbsp;</p>
				<div class="more"><a href="/" target="_blank">read more</a></div>
				<div class="buy"><a href="buy.php" class="buy">Buy</a></div>
			</div>
			<div class="box_2_3">
			<h3><a href="#nogo">Caption</a>  </h3>
				
				
				<div align="center"><a href="/" target="_blank"><img src="/" width="248" height="174" alt=""></a>
	  </div>
			<p>&nbsp;</p>
				<div class="more"><a href="/" target="_blank">read more</a></div>
				<div class="buy"><a href="buy.php" class="buy">Buy</a></div>
    </div>
	</div>
Code:
#boxes {
	margin:20px 0 20px 0;
	padding-bottom:30px;
	clear:both;
	width: auto;
}

#boxes .box_1 {
	margin-left:0px;
	border: 2px solid #fff;
	background-color: #eeedeb;
	background-image: none;
	background-repeat:repeat;
	float: left;
	width: 266px;
	height:350px;
	color: #000;
	margin-bottom:30px;
	padding:0 8px 10px 8px;
}

#boxes .box_1 p{
padding:6px;
}

#boxes .box_2_3 {
	float: left;
	width: 266px;
	height:350px;
	background-color:#eeedeb;
	background-image: none;
	background-repeat:repeat;
	margin-left: 20px;
	border: 2px solid #fff;
	color: #000;
	margin-bottom:30px;
	padding:0 8px 10px 8px;
}

#boxes .box_2_3 p{
padding:6px;
}

 .more a{
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	color: #fff;
	padding:5px;
	text-align:right;
	font-size:16px;
	background-color: #0f7ed0;
	float:right;
	margin-right:9px;
	margin-bottom:9px;
}

 .buy a{
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	color: #fff;
	padding:5px 10px;
	text-align: left;
	font-size:16px;
	background-color: #002f8c;
	float:right;
	margin-right:9px;
	margin-bottom:9px;
}