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 [url]http://www.earthspiritpublishing.com/index.php
[code=html]<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> </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> </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> </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;
}