CSS - Transparent Wrappers :(

<div id="wrapper" class="content">
		<div class="col1">
			<h2 class="title">Top Stories</h2>
					<div class="inner">
						<img src="images/featured_image.gif" class="featured" width="256" height="146" alt="" />
						<h1><a href="#">Non Feugiat Egestas</a></h1>
						<p>Urpis in nec eleifend duis orci id, per felis libero, 
						mattis nec qui eu porta ipsum. Felis amet porta ac 
						convallis nostra aliquam, sed faucibus, fringilla ut 
						donec lacus et. Felis nec, nullam eleifend porttitor 
						dignissim. Rutrum fermentum vitae. In enim arcu velit 
						neque, venenatis netus, donec leo facilisis, odio 
						gravida sed scelerisque.</p>

						<ul><li><a href="#">Full story</a></li></ul>
					</div><!--/inner-->
			
			<img src="images/add-account-button.gif" class="button" />
			<img src="images/its-price-button.gif" class="button" />
		</div><!--/col1-->
	
		<div class="col2">
			<h2 class="title">Section Title</h2>
			<div class="news">
				<h3>Vim saperet dolores ea</h3>
				<p>Nusquam alienum accusamus nec te, vel ei velit tibique 
				vituperata, nec id soleat recusabo deterruisset. Vim no scripta 
				iuvaret principes, nam vocent expetenda sadipscing ei, detraxit 
				takimata indoctum ne ius. Et vitae maior um appareat eos, sed an 
				etiam voluptua pertinax. Sit puto iusto fabellas ea, admodum 
				deseruisse vel ne. Mei ei mazim mandamus percipitur, ius ad 
				numquam delenit gloriatur, ea esse consul timeam duo.</p>
				
				<p>Sea nullam saperet adipisci ad, noster mentitum recusabo his 
				eu. Soleat incorrupte ex sea, kasd dicit atomorum eu mei. Cu 
				mutat blandit ius, nec ex brute etiam falli. Sit an homero 
				salutatus, cu usu dicant volutpat splendide. In qui legimus 
				veritus pericula, nusquam abhorreant te vel, vivendo fierent 
				instructior ei eum.</p>
				
				<p>Eu lorem dictas adversarium qui, soleat verear philosophia 
				an vix. Vis adhuc paulo gubergren no, pri ex voluptua invenire 
				forensibus. Eum te laoreet suavitate abhorreant, eu sit mutat 
				iudicabit voluptaria. Pri falli utamur electram an, in periculis 
				forensibus comprehensam qui. Ius omnis tibique cu, te sint dicant 
				pri, viderer indoctum torquatos ad quo.</p>
				
				<h3>No tota tempor persius</h3>
				<p>Prima deseruisse necessitatibus nec an. Nec eius labores 
				copiosae ad, posse nihil voluptua at sea, altera aperiam alienum 
				has ex. Tantas putant nec et, per ea semper mediocrem. Ex 
				eripuit imperdiet, pri ex quem eros epicuri, ius sonet meliore 
				ei. Decore graeco maiorum at vel, ex mediocrem quaerendum sed, 
				cum sonet detraxit convenire in. Eu quando soluta indoctum vim, 
				vim zzril numquam vivendo et.</p>
				
				<p>Sea alterum antiopam te, minim postea his te. Has utinam 
				dissentias in, enim aperiam sententiae eum cu, eu iusto iuvaret 
				senserit his. Saepe suavitate efficiantur ea pri, sea ne elit 
				ullum, vix in saperet oporteat. Laudem salutatus vis eu. No tota 
				tempor persius has, ne erat altera maluisset quo. Fuisset 
				iudicabit dissentiet te cum, te dignissim democritum 
				signiferumque vix, in vix fierent oportere imperdiet.</p>
			</div>
		</div><!--/col2-->
		
		<div class="col3">
			<h2 class="title">Quick Links</h2>
		</div><!--/col3-->
</div>

#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 1024px;
	text-align: left;
	background: #fff;
	display: block;
}

#header {
	margin: 0 auto;
	width: 1024px;
	text-align: right;
	padding: 20px 0 20px;
}

.content {
	background: #fff;
	display: block;
}

.col1 {
	float: left;
	width: 282px;
	padding: 15px 10px 25px 10px;
}

.col1 img.button {
	padding: 10px 0 0 0;
}

.col2 {
	float: left;
	width: 400px;
	padding: 15px 10px 25px 10px;
}

.col3 {
	float: left;
	width: 282px;
	padding: 15px 10px 25px 10px;
	background: #eeeee8;
}

.col1 .inner {
	position: relative;
	padding: 9px 6px 0 6px;
	border-top: solid 1px #666;
	float: left;
	display: inline;
	background-color: #eeeee8;
	text-align: center;
}

.col1 .inner a {
	margin: 0;
	padding: 0;
	text-align: left;
}

.col1 .inner a img {
	margin: 0;
	padding: 0;
	text-align: center;
	margin: 0 auto;
	background-color: #eeeee8;
	border: 1px solid #eeeee8;
}
/* border is a hack to remove white shadow at bottom of image QB #3851 */

.col1 .inner h1 {
	margin: 0;
	padding: 7px 0 4px 0;
	text-align: left;
}

.col1 .inner h2 {
	margin-top: 0;
	margin-bottom: 0;
	background-color: #eeeee8;
	text-align: left;
}

.col1 .inner p {
	margin-bottom: 5px;
	text-align: left;
}

.col1 .inner ul {
	padding-bottom: 0 6px 5px;
}

.col1 .inner ul li {
}

.col1 h2.title {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
}

.col1 .inner h1 {
	font-size: 18px;
	font-weight: bold;
	color: #003bb0;
	padding: 0 6px 0 6px;
}

.col1 .inner h2 {
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

.col1 .inner p {
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
	padding: 0 6px 0 6px;
}

.col1 .inner ul, 
.col1 .inner ul li {
	font-size: 12px;
	font-weight: bold;
	color: #003bb0;
	list-style-image: url(../images/more_arrow.gif);
	text-align: right;
}

.col1 img.featured {
	border: 1px solid #000;
}

/*========= COLUMN 2 =========*/

.col2 h2.title {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	padding: 0 0 10px;
	border-bottom: solid 1px #666;
}

.col2 .news {
}

.col2 p {
	font-size: 12px;
	font-weight: normal;
}

/*========= COLUMN 3 =========*/

.col3 h2.title {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	padding: 0 0 10px;
	border-bottom: solid 1px #666;
}