Trying to get <div> boxes to look a certain way...need some help

Here is EXACTLY what I want this page to look like (but I don’t want the large box at the top, just 8 of the side-by-side, smaller boxes that appear after the top one: http://iwearyourshirt.com/partners

Here is what I have: http://billboardfamily.com/?page_id=47

Please advise.

style.css

/** BEGIN partners content **/

#partners {
	width: 710px;
	color: #000000;
	overflow: hidden; /*contain floats*/
	background-color: #f2f2f2;
	font-family: Arial;
	background: #f2f2f2;
	-moz-border-radius: 8px;
    	-webkit-border-radius: 8px;
    	-khtml-border-radius: 8px;
	behavior: url(/border-radius.htc);
    	border-radius: 8px;				
}
	
	#partners .box {
		float: left;
		background: #ffffff;
		padding: 5px 5px 5px 5px;
		width: 355px;
	}
	#partners .boxleft {
		border:1px solid #999999;
	}
	#partners .boxright {
		float: right;
		width: 180px;
		margin-left: 10px;
		padding-top: 3px;
	}
	#partners .link {
		display: block;
		height: 17px;
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		margin-top: 10px;
		padding-top: 3px;
	}
	#partners .link a {
		text-decoration: none;
    		color: #00AFEF;
	}
	#partners .link a:hover {
		text-decoration: none;
    		color: #00AFEF;
	}

/** END partners content **/

/** BEGIN sidebar partners **/

#sidebarpartners {
	float: right;
	width: 255px;
}	
	#sidebarpartners .box {
		height: 400px;
		background: #000000;
		text-align: left;
		padding: 5px 10px;
		-moz-border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-khtml-border-radius: 8px;
		behavior: url(/border-radius.htc);
    		border-radius: 8px;

		
				
	}
	#sidebarpartners .box h2 {
		color: #00AFEF;		
		font-size: 1.0em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-top: 15px;
		
	}
	#sidebarpartners .box p {
		color: #999999;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;
		margin-top: 10px;
		
	}
	#sidebarpartners .box2 {	
		height: 320px;
		margin-top: 10px;
		background: #000000;
		text-align: left;
		padding: 5px 10px;
		-moz-border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-khtml-border-radius: 8px;
		behavior: url(/border-radius.htc);
    		border-radius: 8px;
				
	}
	#sidebarpartners .box2 h2 {
		color: #00AFEF;		
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 5px;		
	}
	#sidebarpartners .box2 p {
		color: #999999;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;	
	}
	#sidebarpartners .box2 h3 {
		color: #00AFEF;		
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 20px;
		
	}
	#sidebarpartners a {
    		text-decoration: none;
   		color: #00AFEF;
	}		
	#sidebarpartners a:hover {
   		text-decoration: none;
    		color: #00AFEF;
	}  
			
	
/** END sidebar partners **/

partners.php

<?php
/*
Template Name: Partners
*/
?>


<?php include("header.php"); ?>
<?php include ('sidebar_partners.php'); ?>


<div id="partners">
		            		        				        				            		
<div class="box">
	<div class="boxleft">
		<img alt="Your Company" src="<?php bloginfo('template_url'); ?>/assets/images/your_logo_here.png"> 		
		<span class="link"><a target="_blank" title="Your Company" 

href="http://www.billboardfamily.com/#">YourCompany.com</a></span></div>
	<div class="boxright">
		<p><b>Your Company</b> description will be located right here. We can tell people anything you want us to about your 

company. This is a great place, with high visibility, to tell everyone what you offer.</p>
	</div>
</div>

<div class="box">
	<div class="boxleft">
		<img alt="Your Company" src="<?php bloginfo('template_url'); ?>/assets/images/your_logo_here.png"> 		
		<span class="link"><a target="_blank" title="Your Company" 

href="http://www.billboardfamily.com/#">YourCompany.com</a></span></div>
	<div class="boxright">
		<p><b>Your Company</b> description will be located right here. We can tell people anything you want us to about your 

company. This is a great place, with high visibility, to tell everyone what you offer.</p>
	</div>
</div>

<div class="box">
	<div class="boxleft">
		<img alt="Your Company" src="<?php bloginfo('template_url'); ?>/assets/images/your_logo_here.png"> 		
		<span class="link"><a target="_blank" title="Your Company" 

href="http://www.billboardfamily.com/#">YourCompany.com</a></span></div>
	<div class="boxright">
		<p><b>Your Company</b> description will be located right here. We can tell people anything you want us to about your 

company. This is a great place, with high visibility, to tell everyone what you offer.</p>
	</div>
</div>

<div class="box">
	<div class="boxleft">
		<img alt="Your Company" src="<?php bloginfo('template_url'); ?>/assets/images/your_logo_here.png"> 		
		<span class="link"><a target="_blank" title="Your Company" 

href="http://www.billboardfamily.com/#">YourCompany.com</a></span></div>
	<div class="boxright">
		<p><b>Your Company</b> description will be located right here. We can tell people anything you want us to about your 

company. This is a great place, with high visibility, to tell everyone what you offer.</p>
	</div>
</div>
				


</div>
<?php get_footer(); ?>

Give your partners div a background. maybe you need to make the boxes a bit smaller so that you see the background on both sides as well. Just play a little arround :wink: Goodluck

I did, and it worked. I now have it looking right, just need to play with some padding, etc, and see if I can get it exact. I do have one question…

If I wanted to use a solid background behind all of the boxes (the whole content area of the page, like on all my other pages, and just have the boxes be white, how would I do that?

Just give the box another name

* {
	margin: 0; padding: 0;
}
body {
	text-align: left;
	font: 13px Verdana;
	color: #566777;
	background: #ffffff url(../images/headerbg.gif) repeat-x 0 0;
}
a {
	text-decoration: none;	
	outline:0;
	 
}
a:hover {
	text-decoration: underline;	
	outline:0;
	
}
img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}

/** BEGIN wrapper  **/
.wrapper {
	width: 1000px;
	margin: auto auto;
	text-align: left;
}

/** END wrapper **/

/** BEGIN header **/
#header {
	height: 178px;
}
	#header .search {
		float: right;
		margin-top: 11px;
	}
		#header .search form {
			float: right;
			background: url(../images/search.png) no-repeat 0 0;
			height: 49px;
			width: 255px;
		}
		#header .search form input {
			float: right;	
			background-color: transparent;
			border: 0;
			font-size: 0.8em;
			color: #FFFFFF;
			height: 38px;
			width: 195px;
			margin-top: 5px;
			text-transform: uppercase;
		}
		#header .search form button {
			float: left;	
			width: 59px;
			height: 49px;
			background-color: transparent;
			border: 0;
			color: transparent;
			text-indent: -9999px;	
			
	}
		

	#header .subscribe {
		position: relative;
		top: 75px;
		left: 765px;		
		float: left;
		text-align: center;
		color: #ffffff;
		
	}

	#header .purchase {
		clear: both;
		position: relative;
		bottom: 21px;
		left: 844px;
		width: 20px;		
		
				
		
	}

	#header .logo {
		clear: both;
	}
		#header .logo h1 {
			padding-bottom: 32px;
		}
		#header .logo h1 a {
			position: relative;
			bottom: 15px;
			background: url(../images/logo.png) no-repeat 0 0;
			display: block;
			text-indent: -9999px;
			height: 62px;
			width: 352px;	
		}
	

	#header ul {
		list-style-type: none;	
		
	}
		#header ul li {
			float: left;	
			margin-right: 15px;
		}
			#header ul li a {
				padding: 5px 8px;	
				color: #FFFFFF;
				text-transform: uppercase;
				text-decoration: none;
				font-size: 0.9em;
				font-weight: bold;
			}
			#header ul li a:hover {
				background-color: #b9c3cf;	
			}
/** END header **/

/** BEGIN featured **/
#featured {
	padding: 43px 53px 0 53px;
	background: #b7c3cf;
}
	#featured .l {
		float: left;
		margin-right: 22px;
		margin-top: 75px;
	}
	#featured .items {
		width: 650px; height: 240px;
		overflow: hidden;
		margin-right: 10px;
		float: left;
	}
	#featured .feat {
		width: 650px;
	}
		#featured .featuredimg {
			display: block;
			float: left;
			border: 5px solid #ffffff;
			margin-bottom: 45px;
			margin-right: 25px;
			width: 240px; height: 190px;
			overflow: hidden;
		}
		#featured .feat img {
			width: 240px;
		}
		#featured .feat .text {
			float: right;
			width: 375px;	
			padding-top: 5px;
		}
			#featured .feat .text h2 a {
				text-decoration: none;
				color: #566777;	
				font-size: 1.9em;
				font-family: Arial;
				padding-bottom: 10px;
			}
			#featured .feat .text p {
				color: #5f6168;	
				font-size: 0.9em;
			}
	#featured .r {
		float: right;	
		margin-top: 75px;
	}
/** END featured **/

/** BEGIN top **/
#top {
	clear: both;
	padding: 20px 0;
	
	
}
	#top .box {
		width: 240px;
		float: left;
		margin: 0 40px 0 14px;
	}
		#top .box .name {
			height: 58px;
			background: url(../images/border.gif) repeat-x 0 bottom;
		}
			#top .box .name img {
				float: left;	
				padding-bottom: 5px;
				padding-right: 9px;
			}
			#top .box .name .title {
				color: #566777;
				text-transform: uppercase;	
				text-decoration: none;
				font-weight: bold;
				font-family: Arial;
				font-size: 1.1em;
			}
			#top .box .name .title2 {
				text-transform: uppercase;	
				text-decoration: none;
				font-family: Arial;
				color: #5f6168;
				font-size: 0.8em;
			}
		#top .box .text2 {
			clear: both;
			margin: 15px 0 40px 6px;	
		}
			#top .box .text2 p {
				color: #76848f;
				font-size: 0.8em;
				margin-bottom: 20px;
			}	
			#top .box .text2 .more {
				font-size: 0.8em;
				color: #38b5c4;	
				text-decoration: underline;
			}
/** END top **/

/** BEGIN body **/
#body {
	clear: both;
	margin: 15px 0;
		
}
/** END body **/


/** BEGIN content **/
#content {
	width: 511px;
	float: left;
		
}
	#content .post {
		margin-bottom: 22px;
		margin-top: 37px;
		clear: both;
	}
		#content .post h2 {
			font-size: 1.8em;
			text-transform: uppercase;
			font-family: Arial;
			font-weight: bold;
			padding-bottom: 18px;
			background: url(../images/border.gif) repeat-x 0 bottom;
		}
		#content .post h2 a {
			color: #566777;
			text-decoration: none;
		}
		#content .post img {
			float: left;
			padding: 5px;
			background-color: #FFFFFF;
			margin: 17px 11px 19px 4px;	
		}
		#content .post p {
			margin-top: 20px;
			font-size: 0.9em;
			line-height: 1.5em;
			color: #566777;	
		}
		#content .post .date {
			color: #566777;
			height: 20px;
			padding-top: 5px;
			clear: both;
		}
		#content .post .category a {
			background: url(../images/category.gif) no-repeat 0 0;
			color: #566777;
			padding-left: 29px;
			padding-right: 10px;
			text-decoration: underline;
			height: 16px;
		}
		#content .post .comments a {
			background: url(../images/comments.gif) no-repeat 0 0;
			color: #566777;
			padding: 0 10px 5px 23px;
			text-decoration: underline;
			height: 20px;
		}
		#content .entry {
			font-weight: bold;
			color: #00a5b6;
			text-decoration: none;
			text-transform: uppercase;
			background: url(../images/previous.gif) no-repeat 0 6px;
			padding-left: 15px;
		}
		#content .last {
			margin-bottom: 70px;	
		}
	#content .postnav {
		text-transform: uppercase;
		font-weight: bold;
		padding: 20px 0;
	}
		#content .postnav a {
			text-decoration: none;
		}
/** END content **/

/** BEGIN sidebar **/
#sidebar {
	float: right;
	width: 326px;
	padding-bottom: 40px;
	
}
	#sidebar .box2 h2 {
		text-transform: uppercase;
		color: #566777;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;
		margin-top: 32px;
		background: url(../images/border.gif) repeat-x 0 bottom;
	}
	#sidebar .sub ul {
		list-style-type: none;	
	}
		#sidebar .sub ul li {
			float: left;
			margin-top: 11px;
			margin-bottom: 17px; 
			margin-right: 6px;
			margin-left: 10px;	
		}
	#sidebar .ad {
		clear: both;	
	}
		#sidebar .ad img {
			float: left;
			margin-right: 10px;
		}
		#sidebar .ad p {
			font-size: 0.8em;
			color: #81848a;	
			margin: 5px 0 20px 0;
		}
		#sidebar .ad .time {
			text-decoration: none;
			font-size: 0.8em;
			color: #00a5b6;	
		}
	#sidebar .pop ul {
		list-style-type: none;	
	}
		#sidebar .pop ul li {
			float: left;	
			width: 320px;
			margin: 10px 0 10px 10px;
		}
		#sidebar .pop ul li img {
			background-color: #FFFFFF;
			padding: 5px;
			margin-right: 11px;
			float: left;
			width: 50px; height: 50px;
		}
		#sidebar .pop ul li .title {
			color: #5f6168;
			font-weight: bold;
			text-decoration: none;
		}
		#sidebar .pop ul li .artcom {
			color: #3ab7c5;
			text-decoration: none;
			font-size: 0.8em;	
		}
		#sidebar .pop ul li p {
			margin-top: 15px;
			margin-bottom: 5px;	
		}
	#sidebar .flick img {
		width: 80px; height: 80px;
		margin: 5px;
	}
	#sidebar .flick h2 {
		margin-bottom: 7px;
	}
	#sidebar .video {
		margin: 15px 0;	
	}
	#sidebar .cat {
		width: 135px;
		float: left;
		margin-right: 20px;	
	}
		#sidebar .cat ul {
			list-style-type: none;
			margin-left: 10px;
		}
		#sidebar .cat ul li {
			padding-top: 18px;
		}
		#sidebar .cat ul li a {
			color: #5f6168;		
			font-size: 0.9em;
			text-decoration: none;
		}
		#sidebar .cat ul li a:hover {
			color: #00a5b6;
				
		}
/** END sidebar **/

/** BEGIN sidebar about us **/
#sidebaraboutus {
	float: right;
	width: 255px;
}	
	#sidebaraboutus .box {
		height: 225px;
		background: #000000;
		text-align: left;
		padding: 5px 10px;
		-moz-border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-khtml-border-radius: 8px;
		behavior: url(/border-radius.htc);
    		border-radius: 8px;

		
				
	}
	#sidebaraboutus .box h2 {
		color: #00AFEF;		
		font-size: 1.0em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-top: 15px;
		
	}
	#sidebaraboutus .box p {
		color: #999999;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;
		margin-top: 10px;
		
	}
	#sidebaraboutus .box2 {	
		height: 1137px;
		margin-top: 10px;
		background: #000000;
		text-align: left;
		padding: 5px 10px;
		-moz-border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-khtml-border-radius: 8px;
		behavior: url(/border-radius.htc);
    		border-radius: 8px;
				
	}
	#sidebaraboutus .box2 h2 {
		color: #00AFEF;		
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 5px;		
	}
	#sidebaraboutus .box2 p {
		color: #999999;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;	
	}
	#sidebaraboutus .box2 h3 {
		color: #00AFEF;		
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 20px;
		
	}
			
	
/** END sidebar about us **/



/** BEGIN footer **/
#footer {
	background: #000000 url(../images/footerbg.gif) repeat-x 0 0;
	height: 340px;
	clear: both;
	padding: 15px 0;
}
	#footer #reviews {
		float: left;
		border-right;
		color: #999999;
		
	}
	
	#footer #info {
		padding-left: 10px;
		float: right;
		color: #999999;
		border-left: 1px solid #515151;
}
	#info a {
    		text-decoration: none;
   		color: #00AFEF;
	}		
	#info a:hover {
   		text-decoration: underline;
    		color: #00AFEF;
	}  
	
		
/** END footer **/

/** BEGIN reviews **/
#reviews {
	
	background: #000000;
}
	#reviews .l {
		float: left;
		margin-right: 22px;
		margin-top: 40px;
	}
	#reviews .items {
		width: 650px; height: 130px;
		overflow: hidden;
		margin-right: 10px;
		float: left;
	}
	#reviews .feat {
		width: 650px;
	}
		#reviews .featuredimg {
			display: block;
			float: left;
			border: 1px solid #999999;
			margin-bottom: 45px;
			margin-right: 25px;
			width: 150px; height: 120px;
			overflow: hidden;
		}
		#reviews .feat img {
			width: 150px;
		}
		#reviews .feat .text {
			float: left;
			width: 350px;	
			padding-top: 5px;
			color: #FFFFFF;
		}
			#reviews .feat .text h2 a {
				text-decoration: none;
				color: #00AFEF;	
				font-size: 1.0em;
				font-family: Arial;
				padding-bottom: 10px;
			}
			#reviews .feat .text p {
				color: #999999;	
				font-size: 0.9em;
			}
	#reviews .r {
		float: right;	
		margin-top: 40px;
	}
	
/** END featured **/


/** begin pages submenu **/
#header li ul {
	clear: both;
	position: absolute;
	list-style-type: none;
	display: none;
	z-index: 200;
	height: auto !important;
	padding-top: 1px;
	padding-left: 0 !important;
	margin-left: -1px;
	background-image: none !important;
	border-width: 0 0 1px !important;
	border-color: #ffffff;
	border-style: solid;
}
	#header li ul li {
		clear: both;
		margin: 0 !important;
		background-image: none !important;
		border-width: 1px 1px 0;
		border-style: solid;
		border-color: #ffffff;
		padding: 0 !important;
	}
	#header li ul li a {
		padding: 4px 15px !important;
		line-height: 1.5em;
		width: 170px;
		background-color: #015A77;
	}
	#header li ul li a:hover {
		background-color: #000033 !important;
		background-image: none !important;
	}
/** end pages submenu **/

/** BEGIN miscellaneous **/
#content .single {
	padding: 20px;
	margin-bottom: 50px;
}
	#content .single p {
		line-height: 1.5em;
		margin-bottom: 10px;
	}
	#content .single ul, #content .single ol {
		list-style-position: inside;
		margin-bottom: 10px;
	}
	#content .single li {
		line-height: 1.5em;
		padding: 2px 0;
	}
	#content .single blockquote {
		padding: 10px 10px 5px;
		margin-bottom: 10px;
		background-color: #eeeeee;
		border-width: 1px 0;
		border-style: solid;
		border-color: #bbbbbb;
	}
	#content .single h3, #content .single h4, #content .single h5, #content .single h6 {
		font-size: 1.2em;
		margin-bottom: 5px;
	}
	#content .single h2 {
		font-size: 2em;
	}
#comments {
	padding: 20px;
}
	#comments a {
		text-decoration: none;
	}
	#comments h2 {
		font-size: 1.2em;
		margin: 10px 0;
	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.6em;
	}
	#comments form {
		
	}
	#comments form p {
		margin-bottom: 5px;
	}
		#comments form input {
			margin-right: 5px;
		}
		#comments form input, textarea {
			border: 1px solid #bbbbbb;
			font-size: 0.9em;
			font-family: Verdana;
			padding: 4px;
			background-position: 4px 4px;
			background-repeat: no-repeat;
		}
		#comments form input {
			width: 240px;
			border: 1px solid #bbbbbb;
		}
		#comments form textarea {
			width: 350px;
			padding: 4px 4px !important;
			border: 1px solid #bbbbbb;
		}
		#comments form button {
			border: 1px solid #a0a0a0;
			font-size: 1em;
			font-family: Verdana;
			padding: 2px 6px;
		}
	.commentdetails {
		margin-top: 25px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		font-weight: bold;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #909090;
	}
	.required {
		color: #ff0000;
	}
h2.title {
	font-size: 1em !important;
	text-transform: uppercase;
	color: #565656;
	padding-top: 30px;
	display: none;
}
.notfound {
	padding: 40px;
}
	.notfound h2 {
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 10px;
	}

/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol {
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0;
}
	#comments .buffer {
		padding: 10px;
	}
	#comments ol li {
		margin-bottom: 10px;
	}
	#comments ol li ul li {
		border: 1px solid #eeeeee;
		padding: 10px;
	}
	#comments ol li .avatar {
		float: right;
	}
	#comments ol li .comment-author {
		
	}
		#comments ol li .comment-author .fn {
			font-weight: bold;
			font-size: 1.2em;
		}
	#comments ol li .comment-meta {
		font-size: 0.9em;
		color: #999999;
		margin: 5px 0 10px;
	}
	#comments ol li .reply {
		font-size: 0.9em;
		font-weight: bold;
		padding-bottom: 10px;
	}
	#comments .children {
		list-style-type: none;
	}
#comments .navigation {
	padding: 0 0 40px;
	font-size: 0.9em;
}
	#comments .navigation a {
		color: #999999;
		padding: 3px 8px;
		border: 1px solid #bbbbbb;
	}
	#comments .navigation a:hover {
		color: #000000;
		border-color: #000000;
		text-decoration: none;
	}
#comments .says {
	display: none;
}
/** END wordpress 2.7 comments **/


/** BEGIN about us columns **/

#table {
	width: 710px;
	padding: 465px 10px 10px;
	overflow: hidden; /*contain floats*/
	background-color: #f2f2f2;
	font-family: Arial;
	background: #f2f2f2 url(../images/map.png) no-repeat 0 0;
	-moz-border-radius: 8px;
    	-webkit-border-radius: 8px;
    	-khtml-border-radius: 8px;
	behavior: url(/border-radius.htc);
    	border-radius: 8px;
				
}
	#table .block {
		border-top:10px solid #fff;
		margin:10px -10px 0;
		padding:8px 10px;
	}
	.column {
		font-size: 11px;
		float:left;
		width:345px;
		background:transparent url(../images/largedots.png) repeat-x;
		padding-top:4px;
		padding-bottom:5px;
		color: #000000;
		
	}
	.column p {
		padding-right:18px;
	}
	.row {
		background:transparent url(../images/smalldots.png) repeat-x 0 bottom;
		float:left;
		padding:3px 0;
	}
	.about {
		margin-bottom:15px;
		background:transparent url(../images/smalldots.png) repeat-x 0 top;
		height:1%
	}
	.rowinfo {
		float:left;
		width:210px;
		font-weight:bold;
	}
	.column h3 {
		color:#00AFEF;
		font-size: 14px;
		margin-bottom:0;
		padding:5px 0 6px;
	}
	.row-head {
		float:left;
		width:134px;
		padding-left:1px;
	}
	.column a {
		text-decoration: none;	
		outline:0;
		color:#00AFEF;	 
	}
	.column a:hover {
		text-decoration: underline;	
		outline:0;
		color:#00AFEF;
	}

/** END about us columns **/

/** BEGIN mailing list signup form **/
	label {
		float: left;
		clear: left;
		width: 200px;
		padding: .2em;
		font-family: Arial;
		color: #999999 !important;
	}
	input#attribute3, input#email {
		width: 230px;
		padding: .2em;
		float: left;
	}	
	input#required {
		
	}

/** END mailing list signup form **/

/** BEGIN contact us content **/

#contactus {
	width: 710px;
	color: #000000;
	overflow: hidden; /*contain floats*/
	background-color: #f2f2f2;
	font-family: Arial;
	background: #f2f2f2;
	-moz-border-radius: 8px;
    	-webkit-border-radius: 8px;
    	-khtml-border-radius: 8px;
	behavior: url(/border-radius.htc);
    	border-radius: 8px;
				
}

/** END contact us content **/

/** BEGIN sidebar contact us **/

#sidebarcontactus {
	float: right;
	width: 255px;
}	
	#sidebarcontactus .box {
		height: 225px;
		background: #000000;
		text-align: left;
		padding: 5px 10px;
		-moz-border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-khtml-border-radius: 8px;
		behavior: url(/border-radius.htc);
    		border-radius: 8px;

		
				
	}
	#sidebarcontactus .box h2 {
		color: #00AFEF;		
		font-size: 1.0em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-top: 15px;
		
	}
	#sidebarcontactus .box p {
		color: #999999;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;
		margin-top: 10px;
		
	}
	#sidebarcontactus .box2 {	
		height: 527px;
		margin-top: 10px;
		background: #000000;
		text-align: left;
		padding: 5px 10px;
		-moz-border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-khtml-border-radius: 8px;
		behavior: url(/border-radius.htc);
    		border-radius: 8px;
				
	}
	#sidebarcontactus .box2 h2 {
		color: #00AFEF;		
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 5px;		
	}
	#sidebarcontactus .box2 p {
		color: #999999;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;	
	}
	#sidebarcontactus .box2 h3 {
		color: #00AFEF;		
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 20px;
		
	}
			
	
/** END sidebar contact us **/

/** BEGIN submit review content **/

#submitreview {
	width: 710px;
	color: #000000;
	overflow: hidden; /*contain floats*/
	background-color: #f2f2f2;
	font-family: Arial;
	background: #f2f2f2;
	-moz-border-radius: 8px;
    	-webkit-border-radius: 8px;
    	-khtml-border-radius: 8px;
	behavior: url(/border-radius.htc);
    	border-radius: 8px;
				
}

/** END submit review content **/

/** BEGIN sidebar submit review **/

#sidebarsubmitreview {
	float: right;
	width: 255px;
}	
	#sidebarsubmitreview .box {
		height: 225px;
		background: #000000;
		text-align: left;
		padding: 5px 10px;
		-moz-border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-khtml-border-radius: 8px;
		behavior: url(/border-radius.htc);
    		border-radius: 8px;

		
				
	}
	#sidebarsubmitreview .box h2 {
		color: #00AFEF;		
		font-size: 1.0em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-top: 15px;
		
	}
	#sidebarsubmitreview .box p {
		color: #999999;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;
		margin-top: 10px;
		
	}
	#sidebarsubmitreview .box2 {	
		height: 483px;
		margin-top: 10px;
		background: #000000;
		text-align: left;
		padding: 5px 10px;
		-moz-border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-khtml-border-radius: 8px;
		behavior: url(/border-radius.htc);
    		border-radius: 8px;
				
	}
	#sidebarsubmitreview .box2 h2 {
		color: #00AFEF;		
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 5px;		
	}
	#sidebarsubmitreview .box2 p {
		color: #999999;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;	
	}
	#sidebarsubmitreview .box2 h3 {
		color: #00AFEF;		
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 20px;
		
	}
			
	
/** END sidebar submit review **/

/** BEGIN the process content **/

#theprocess {
	width: 710px;
	color: #000000;
	overflow: hidden; /*contain floats*/
	background-color: #f2f2f2;
	font-family: Arial;
	background: #f2f2f2;
	-moz-border-radius: 8px;
    	-webkit-border-radius: 8px;
    	-khtml-border-radius: 8px;
	behavior: url(/border-radius.htc);
    	border-radius: 8px;
				
}

/** END the process content **/

/** BEGIN sidebar the process **/

#sidebartheprocess {
	float: right;
	width: 255px;
}	
	#sidebartheprocess .box {
		height: 225px;
		background: #000000;
		text-align: left;
		padding: 5px 10px;
		-moz-border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-khtml-border-radius: 8px;
		behavior: url(/border-radius.htc);
    		border-radius: 8px;

		
				
	}
	#sidebartheprocess .box h2 {
		color: #00AFEF;		
		font-size: 1.0em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-top: 15px;
		
	}
	#sidebartheprocess .box p {
		color: #999999;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;
		margin-top: 10px;
		
	}
	#sidebartheprocess .box2 {	
		height: 483px;
		margin-top: 10px;
		background: #000000;
		text-align: left;
		padding: 5px 10px;
		-moz-border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-khtml-border-radius: 8px;
		behavior: url(/border-radius.htc);
    		border-radius: 8px;
				
	}
	#sidebartheprocess .box2 h2 {
		color: #00AFEF;		
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 5px;		
	}
	#sidebartheprocess .box2 p {
		color: #999999;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;	
	}
	#sidebartheprocess .box2 h3 {
		color: #00AFEF;		
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 20px;
		
	}
	#sidebartheprocess a {
    		text-decoration: none;
   		color: #00AFEF;
	}		
	#sidebartheprocess a:hover {
   		text-decoration: none;
    		color: #00AFEF;
	}  
			
	
/** END sidebar the process **/

/** BEGIN terms and conditions content **/

#terms {
	width: 710px;
	color: #000000;
	overflow: hidden; /*contain floats*/
	background-color: #f2f2f2;
	font-family: Arial;
	background: #f2f2f2;
	-moz-border-radius: 8px;
    	-webkit-border-radius: 8px;
    	-khtml-border-radius: 8px;
	behavior: url(/border-radius.htc);
    	border-radius: 8px;				
}
	#terms a {
    		text-decoration: none;
   		color: #00AFEF;
	}		
	#terms a:hover {
   		text-decoration: none;
    		color: #00AFEF;
	}  

/** END terms and conditions content **/

/** BEGIN sidebar terms and conditions **/

#sidebarterms {
	float: right;
	width: 255px;
}	
	#sidebarterms .box {
		height: 225px;
		background: #000000;
		text-align: left;
		padding: 5px 10px;
		-moz-border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-khtml-border-radius: 8px;
		behavior: url(/border-radius.htc);
    		border-radius: 8px;

		
				
	}
	#sidebarterms .box h2 {
		color: #00AFEF;		
		font-size: 1.0em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-top: 15px;
		
	}
	#sidebarterms .box p {
		color: #999999;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;
		margin-top: 10px;
		
	}
	#sidebarterms .box2 {	
		height: 365px;
		margin-top: 10px;
		background: #000000;
		text-align: left;
		padding: 5px 10px;
		-moz-border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-khtml-border-radius: 8px;
		behavior: url(/border-radius.htc);
    		border-radius: 8px;
				
	}
	#sidebarterms .box2 h2 {
		color: #00AFEF;		
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 5px;		
	}
	#sidebarterms .box2 p {
		color: #999999;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;	
	}
	#sidebarterms .box2 h3 {
		color: #00AFEF;		
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 20px;
		
	}
	#sidebarterms a {
    		text-decoration: none;
   		color: #00AFEF;
	}		
	#sidebarterms a:hover {
   		text-decoration: none;
    		color: #00AFEF;
	}  
			
	
/** END sidebar terms and conditions **/

/** BEGIN partners content **/

#partners {
	width: 710px;
	color: #000000;
	overflow: hidden; /*contain floats*/
	font-family: Arial;
	-moz-border-radius: 8px;
    	-webkit-border-radius: 8px;
    	-khtml-border-radius: 8px;
	behavior: url(/border-radius.htc);
    	border-radius: 8px;				
}
	
	#partners .box {
		width: 337px; 
		float: left;
		background: #ffffff;
		border: 6px solid #EEEEE7;
		margin-bottom: 12px;
		
	}
	
	.mr {
		margin-right: 12px;		
	}
	#partners .link {
		display: block;
		height: 17px;
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		margin-top: 10px;
		padding-top: 3px;
	}
	#partners .link a {
		text-decoration: none;
    		color: #00AFEF;
	}
	#partners .link a:hover {
		text-decoration: none;
    		color: #00AFEF;
	}
	.box img {
		float: left;	
	}
	
	.box p {
		width: 199px; 
		margin: 5px; 
		float: left; 
		display: inline;	
	}

/** END partners content **/

/** BEGIN sidebar partners **/

#sidebarpartners {
	float: right;
	width: 255px;
}	
	#sidebarpartners .box {
		height: 400px;
		background: #000000;
		text-align: left;
		padding: 5px 10px;
		-moz-border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-khtml-border-radius: 8px;
		behavior: url(/border-radius.htc);
    		border-radius: 8px;

		
				
	}
	#sidebarpartners .box h2 {
		color: #00AFEF;		
		font-size: 1.0em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-top: 15px;
		
	}
	#sidebarpartners .box p {
		color: #999999;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;
		margin-top: 10px;
		
	}
	#sidebarpartners .box2 {	
		height: 320px;
		margin-top: 10px;
		background: #000000;
		text-align: left;
		padding: 5px 10px;
		-moz-border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-khtml-border-radius: 8px;
		behavior: url(/border-radius.htc);
    		border-radius: 8px;
				
	}
	#sidebarpartners .box2 h2 {
		color: #00AFEF;		
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 5px;		
	}
	#sidebarpartners .box2 p {
		color: #999999;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;	
	}
	#sidebarpartners .box2 h3 {
		color: #00AFEF;		
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 20px;
		
	}
	#sidebarpartners a {
    		text-decoration: none;
   		color: #00AFEF;
	}		
	#sidebarpartners a:hover {
   		text-decoration: none;
    		color: #00AFEF;
	}  
			
	
/** END sidebar partners **/

/** BEGIN our reviews content **/

#ourreviews {
	width: 710px;
	color: #000000;
	overflow: hidden; /*contain floats*/
	background-color: #f2f2f2;
	font-family: Arial;
	background: #f2f2f2;
	-moz-border-radius: 8px;
    	-webkit-border-radius: 8px;
    	-khtml-border-radius: 8px;
	behavior: url(/border-radius.htc);
    	border-radius: 8px;				
}
	#ourreviews a {
    		text-decoration: none;
   		color: #00AFEF;
	}		
	#ourreviews a:hover {
   		text-decoration: none;
    		color: #00AFEF;
	}  

/** END our reviews content **/

/** BEGIN sidebar our reviews **/

#sidebarourreviews {
	float: right;
	width: 255px;
}	
	#sidebarourreviews .box {
		height: 275px;
		background: #000000;
		text-align: left;
		padding: 5px 10px;
		-moz-border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-khtml-border-radius: 8px;
		behavior: url(/border-radius.htc);
    		border-radius: 8px;

		
				
	}
	#sidebarourreviews .box h2 {
		color: #00AFEF;		
		font-size: 1.0em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-top: 15px;
		
	}
	#sidebarourreviews .box p {
		color: #999999;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;
		margin-top: 10px;
		
	}
	#sidebarourreviews .box2 {	
		height: 365px;
		margin-top: 10px;
		background: #000000;
		text-align: left;
		padding: 5px 10px;
		-moz-border-radius: 8px;
    		-webkit-border-radius: 8px;
    		-khtml-border-radius: 8px;
		behavior: url(/border-radius.htc);
    		border-radius: 8px;
				
	}
	#sidebarourreviews .box2 h2 {
		color: #00AFEF;		
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 5px;		
	}
	#sidebarourreviews .box2 p {
		color: #999999;
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 11px;	
	}
	#sidebarourreviews .box2 h3 {
		color: #00AFEF;		
		font-size: 1.1em;
		font-family: Arial;
		padding-bottom: 5px;
		padding-top: 20px;
		
	}
	#sidebarourreviews a {
    		text-decoration: none;
   		color: #00AFEF;
	}		
	#sidebarourreviews a:hover {
   		text-decoration: none;
    		color: #00AFEF;
	}  
			
	
/** END sidebar our reviews **/


Thanks, I will try that and see what happens.

I am having another major issue. There are a lot of alignment issues on multiple pages. I noticed that these started after I tried to install a javascript slider on one page. I removed the slider code, but now I am getting strange alignment problems on a lot of pages. Does anyone know why this might be happening?

That’s a matter of playing with the margins. Plus the obviously have another font size then you. I changed it a bit:

CSS


#partners {
	width: 710px;
	color: #000000;
	overflow: hidden; /*contain floats*/
	font-family: Arial;
	-moz-border-radius: 8px;
    	-webkit-border-radius: 8px;
    	-khtml-border-radius: 8px;
	behavior: url(/border-radius.htc);
    	border-radius: 8px;				
}
	
	#partners .box {
		width: 337px; 
		float: left;
		background: #ffffff;
		border: 6px solid #EEEEE7;
		margin-bottom: 12px;
		position: relative
		
	}
	
	.mr {
		margin-right: 12px;		
	}
	
	.box img {
		float: left; display: block; margin: 5px; 
	}
	
	.box p {
		width: 183px; margin: 8px; float: left; display: inline;	
	}
	
	.clear {
		clear: both;	
	}
	
	.link {
		width: 110px; height: 20px;	line-height: 20px; margin: 12px 0 12px 9px; float: left; border: 1px solid #999;border-right: 0; border-left: 0; text-align: center; font-size: 11px;
	}
	
	.link a {
		color: #0000FF; text-decoration: none; 	
	}

HTML


<div class="box mr">
<img src="promobrain.jpg" width="128" height="128" border="0">		
<p>
<b>Your Company</b> description will be located right here. We can tell people anything you want us to about your 
</p>
<div class="clear"></div>
<div class="link">
<a href="#">Link here</a>
</div>
</div>

Like I said you have to play with margins and fonts.

Maybe it’s handy when you post your entire css sheet. It’s very hard to tell from the fragments I’ve seen so far.

Not quite. It still is not right, but it is getting closer.

That helped. Getting closer. LOL.

Set link inside <p></p>

and add something like:

	.box img {
		float: left;	
	}
	
	.box p {
		width: 199px; margin: 5px; float: left; diplay: inline;	
	}

Sorry for being so vague.

The issue is that the text for each box is below the image, when it needs to be to the right of the image, as on this site: http://iwearyourshirt.com/partners

The first pic is the correct format, the second is incorrect (from my site: http://billboardfamily.com/?page_id=47)

What is not showing right?

Can you clarify the problem to make it easier to identify what we should be looking for. I looked at the live page and it looks like you have 4 boxes stacked ok.

Looks fine to me. I can’t ofcourse not your PHP and pictures includen, but the partners div looks good to me. What is not correct? What do you want with that black background? A shaddow effect for each box?

So now you’re okay, goodluck with your project

You more then welcome :slight_smile:

It is still not looking correct, but it is getting close. In my last post, I put the code I now have, but it is not correct. Your thoughts?

Not sure how to explain it, I guess. You can clearly see the difference between the way the boxes are formatted on

http://iwearyourshirt.com/partners

and on my site:

http://billboardfamily.com/?page_id=47

I want it to be EXACTLY the same as on http://iwearyourshirt.com/partners

Thanks

I am getting close, thanks to you, of course.

<?php
/*
Template Name: Partners
*/
?>


<?php include("header.php"); ?>
<?php include ('sidebar_partners.php'); ?>


<div id="partners">
		            		        				        				            		
<div class="box mr">
	
		<img alt="Your Company" src="<?php bloginfo('template_url'); ?>/assets/images/your_logo_here.png"> 		
		<span class="link"><a target="_blank" title="Your Company" 

href="http://www.billboardfamily.com/#">YourCompany.com</a></span>
	
		<p><b>Your Company</b> description will be located right here. We can tell people anything you want us to about your 

company. This is a great place, with high visibility, to tell everyone what you offer.</p>
	</div>


<div class="box">
	
		<img alt="Your Company" src="<?php bloginfo('template_url'); ?>/assets/images/your_logo_here.png"> 		
		<span class="link"><a target="_blank" title="Your Company" 

href="http://www.billboardfamily.com/#">YourCompany.com</a></span>
	
		<p><b>Your Company</b> description will be located right here. We can tell people anything you want us to about your 

company. This is a great place, with high visibility, to tell everyone what you offer.</p>
	</div>


<div class="box mr">
	
		<img alt="Your Company" src="<?php bloginfo('template_url'); ?>/assets/images/your_logo_here.png"> 		
		<span class="link"><a target="_blank" title="Your Company" 

href="http://www.billboardfamily.com/#">YourCompany.com</a></span>
	
		<p><b>Your Company</b> description will be located right here. We can tell people anything you want us to about your 

company. This is a great place, with high visibility, to tell everyone what you offer.</p>
	</div>


<div class="box">
	
		<img alt="Your Company" src="<?php bloginfo('template_url'); ?>/assets/images/your_logo_here.png"> 		
		<span class="link"><a target="_blank" title="Your Company" 

href="http://www.billboardfamily.com/#">YourCompany.com</a></span>
	
		<p><b>Your Company</b> description will be located right here. We can tell people anything you want us to about your 

company. This is a great place, with high visibility, to tell everyone what you offer.</p>
	</div>

				


</div>
<?php get_footer(); ?>