My Featured Listings appear 'staggered'.

[michael +]

This is how they appear;



This is the CSS I'm using:

.feat_width{width:100%;}
.feat{width:100px; height:156px; background:white; float:left; padding:12px 8px 5px 8px; margin: 0px 0px 4px 4px; border:#CCCCCC 1px solid; }
.feat_img {width:100%; text-align:center;}
.feat_txt {width:100%; color:#666666; height:50px; overflow: hidden; text-align:center;}
.feat_price {width:100%; color:#185221; font-size:12px; padding-top:0px; text-align:center; }

And this is the call I'm using:

{css_feature_listings_horizontal number=4}

Firebug seems to be indicating that the problem may be the first line - .feat_width{width:100%;} - but even removing it made no difference. I'd appreciate any suggestions.

Thanks.

[Eric Barnes +]

How about this:
.feat{width:100px; height:156px; background:white; float:left; padding:12px 8px 5px 8px; margin: 0px 0px 4px 0px; border:#CCCCCC 1px solid; }