Collapse Borders ?

I am trying to get rid of double borders generated by Div's which are floated in a row. An example of it can be seen here

How can I get rid of the double borders which gets generated by the adjoining div's ?

Here is the css for the page:

.divRows {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099CC;
	background-color: #CCCCCC;
	margin: 0px;
	padding: 10px;
	border: thin solid #CC0000;
	height: 18px;
	clear: right;
	position: relative;
	float: left;
}