For some reason, the div widths are not being honored in these floated boxes
The markup
<div id="content-wrap">
<div class="content-left">
<!--First column text-->
</div>
<div class="content-right">
<!-- Second column text -->
</div>
</div>
The CSS
/*Added by Paul C. for two column home page 7/1/2012*/
#content-wrap {
overflow:hidden; /* just for clearing floats rather than creating another element for clearing floats. It's a common mistake for front-end developers /designers to create an element for just clearing float (your code would look sloppy and non-semantic) */
}
#content-wrap .content-left {
/*width: 560px;*/
width: 275;
float:left;
}
#content-wrap .content-right {
/*width:400px;*/
width: 275;
float:right;
}
The page: http://berkshirespas.com/wordpress/