title: python add a new div every 3rd iteration
body: <p>I have a product list that put 3 products on a row and clears the row and adds another 3, this works fine everywhere but IE6, i know that adding <code>&lt;div&gt;</code> around each group of 3 products will solve this is the template file at the moment</p>
  
  <pre><code>{% for product in category.products.all %}
          &lt;div class="{% cycle 'clear' '' '' %}"&gt;
              &lt;a href="{% url shop.views.product category.slug product.slug %}"&gt;&lt;img src="{{MEDIA_URL}}{{product.mini_thumbnail}}" alt="{{product.name}}" class="thumbnail"/&gt;&lt;/a&gt;
              &lt;div class="prod-details"&gt;
              &lt;h3&gt;&lt;a href="{% url shop.views.product category.slug product.slug %}"&gt;{{product.get_product_name}}&lt;/a&gt;&lt;/h3&gt;
              &lt;h4 class="strap"&gt;{{product.get_product_detail}}&lt;/h4&gt;
              &lt;p&gt;{{ product.strap }}&lt;/p&gt;
              &lt;ul&gt;
                  &lt;li class="price"&gt;&amp;pound;{{product.price}}&lt;/li&gt;
                  &lt;li class="quantity"&gt;
                      &lt;select name="quantity_{{product.id}}"&gt;
                          &lt;option label="1" value="1"&gt;1&lt;/option&gt;
                          &lt;option label="2" value="2"&gt;2&lt;/option&gt;
                          &lt;option label="3" value="3"&gt;3&lt;/option&gt;
                          &lt;option label="4" value="4"&gt;4&lt;/option&gt;
                          &lt;option label="5" value="5"&gt;5&lt;/option&gt;
                          &lt;option label="6" value="6"&gt;6&lt;/option&gt;
                          &lt;option label="7" value="7"&gt;7&lt;/option&gt;
                          &lt;option label="8" value="8"&gt;8&lt;/option&gt;
                          &lt;option label="9" value="9"&gt;9&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/li&gt;
                  &lt;li&gt;&lt;a href="{% url shop.views.product category.slug product.slug %}"&gt;Details &amp;gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="right"&gt;&lt;input type="submit" name="add_to_basket_{{product.id}}" value="Add to Basket &amp;gt;"/&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      {% endfor %}
  </code></pre>