Product Pics Overlapping in WooCommerce

Seems to be related to the width here:

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22%;
}

Thanks WPyogi! Only thing is now the Titles under the pics are out of line. Hopefully that will be easy to figure out.

Thanks for the help!