title: mootools: How can i put 10,000 < div > tags in a single page
body: <p>I have developed an application in mootools. But its going little slow coz of number of tags it contains are almost 10,000. and every tag's structure is like:</p>
  
  <pre><code>&lt;div style="float:left;padding:5px;margin: 6px;"&gt; &lt;!-- tag-1 --&gt;
   &lt;img src=""&gt; &lt;p&gt;name&lt;/p&gt; &lt;p&gt;Gender&lt;/p&gt; &lt;p&gt;Mood&lt;/p&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>in following container</p>
  
  <pre><code>&lt;div id="tags_container" style="overflow: scroll;height: 700px;"&gt;
   &lt;div style="float:left;padding:5px;margin: 6px;"&gt; &lt;!-- tag-1 --&gt;
    &lt;img src=""&gt; &lt;p&gt;name&lt;/p&gt; &lt;p&gt;Gender&lt;/p&gt; &lt;p&gt;Mood&lt;/p&gt; 
   &lt;/div&gt;
   &lt;!-- tag-2 --&gt;
     .  
     .
     .
   &lt;!-- all tags one after another --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>i m showing these tags in rows and columns format ( 5 columns and 2000 rows). 
  The id="tags_container" &lt; div > has vertical scrollbar. but when i try to scroll down in that division to see further tags it scrolls little slow.</p>
  
  <p>what should i do about it?</p>
  
  <p>should i change the implementation method from &lt; div > tags to &lt; table > tag?</p>
  
  <p>what are the options to make it any faster?</p>
  
  <p>In few previous questions, i was advised not to use those many tags in one single document but there is gonna be those many tags so what should i do about it.?</p>