title: CSS gradient feature seems like using too much cpu power am i doing anything wrong?
body: <p>Alright now i am trying to make a cool looking table with using CSS gradient feature which is supported by firefox,opera,chrome.</p>
  
  <p>It looks great but it lags too much. When i scroll down the page it lags greatly. It is slow even at super fast computer so it is not related computer. I also tried with different browsers still lagging. When i disable gradient background color feature it returns normal.</p>
  
  <p>So how can i fix this issue or are there any other way i can make cool looking table. thank you.</p>
  
  <p>this is how does table look <a href="http://img202.imageshack.us/img202/4905/howlook.png" rel="nofollow">http://img202.imageshack.us/img202/4905/howlook.png</a></p>
  
  <p>This is an example class i use for table tds</p>
  
  <pre><code> .ML0
      {
                    color: #000000;
          text-decoration: none;
          background: rgb(229,229,229);
          background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(229,229,229)), color-stop(0.55, rgb(242,242,242)), color-stop(0.78, rgb(255,255,255)) );
          background: -moz-linear-gradient( center bottom, rgb(229,229,229) 9%, rgb(242,242,242) 55%, rgb(255,255,255) 78% );
          background: -o-linear-gradient( bottom, rgb(229,229,229) 9%, rgb(242,242,242) 55%, rgb(255,255,255) 78% );
          background: -ms-linear-gradient( bottom, rgb(229,229,229) 9%, rgb(242,242,242) 55%, rgb(255,255,255) 78% );
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
          text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); 
      }
  </code></pre>