title: How to use both -moz- and -webkit- css property to support different browsers?
body: <p>For all CSS3 properties I have to use different vendor prefixed versions to support different Render Engines. Here is an example:</p>
  
  <pre><code>-webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  
  background:#dee0e1;
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f2f3), to(#dee0e1));
  background:-moz-linear-gradient(#f1f2f3, #dee0e1);
  background:-o-linear-gradient(#f1f2f3, #dee0e1);
  background:linear-gradient(#f1f2f3, #dee0e1);
  </code></pre>
  
  <p>For a border-radius I have to use 3 different properties and for a background gradient I have to use background property in 5 different way. It increase the size of CSS.</p>
  
  <p>Is there a way to use only one property and make Firefox 1-5 understand it?</p>