title: CSS3 Rounded corner for input element without js/images
body: <p>Who I can make the rounded corner for input elements?</p>
  
  <p>I need a way without using javascript and images..</p>
  
  <p><strong>Added:</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;    
      &lt;title&gt;xx&lt;/title&gt;
  &lt;style type="text/css"&gt;
  input
  {
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;input type="text" value="test" /&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>It does not work in firefox 3.6.12!</p>