Homepage CSS help

Hi, Wes,

I implemented some custom CSS on my homepage to make the pricing table look more like a 4-up of recent posts. (Basically a ripoff of the copyblogger.com homepage)

It seemed to work fine for a long time, but recently I noticed it doesn’t display correctly in Chrome or Firefox. (Still fine in Safari and iOS, though) Can you see what I might be doing wrong?

Here’s the CSS:

.home-feature-10 {
float:left;
width:48%;
border:1px solid #dddddd;
background:#ffffff;
margin:0 0 20px;
padding:0
}

.home-feature-11 {
float:right;
width:48%;
border:1px solid #dddddd;
background:#ffffff;
margin:0 0 20px;
padding:0
}

.home-feature-12 {
float:left;
clear:left;
width:48%;
border:1px solid #dddddd;
background:#ffffff;
margin:0 0 20px;
padding:0
}

.home-feature-13 {
float:right;
width:48%;
border:1px solid #dddddd;
background:#ffffff;
margin:0 0 20px;
padding:0
}