为什么我的产品不能包住我的形象?我需要它们来包裹我的浮动图像

提前感谢你的帮助，这让我想把我的电脑扔到房间的另一边!我不明白为什么我的ul产品li没有环绕我添加的图像。我想这应该是CSS的解决方案但以防万一，我在php中是这样做的:

在我的archive-product.php文件中我添加了:

    <?php if ( is_product_category() ) {
      if ( is_product_category( 'cubicles' ) ) {
      echo '<div class="cubicles"><img src="/wp-content/uploads/2015/05/menu_cubicles.jpg"></div>';
     } ?>

附加的样式是:

     body.archive .cubicles { 
        height: 347px;
        width: 220px; 
        float: right; 
        margin-right:0;
     }

这里是活动链接:http://dev.arnoldsofficefurniture.com/product-category/cubicles

因为它是向右浮动的，而ul产品li是向左浮动的，我不明白为什么它们不包装。我也不明白，如果它们都是相同的高度，为什么li不一致地排列并被向下推。提前感谢!