title: CSS styling on Input File type
body: <p>I am styling an Input File type using only CSS, and it works on every browser expect Firefox 11.0. 
  CSS:</p>
  
  <pre><code>label{ 
   background:url(http://www.itilexamapp.com/images/upload.png) no-repeat 0 0;
   padding:5px;
   display:inline-block;
  }
  
  input[type="file"]
  {-moz-opacity:0; 
   -webkit-opacity:0; 
   filter:alpha(opacity=0); 
   padding:6px;
   width:200px; 
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;label&gt;
  &lt;input type="file" name="file_upload" /&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>You can see the code working here:</p>
  
  <p><strike><a href="http://jsfiddle.net/kheema/PeXq9/7/" rel="nofollow">http://jsfiddle.net/kheema/PeXq9/7/</a></strike></p>