title: HTML5 style Audio tag with pure CSS
body: <p>I have to questions here:</p>
  
  <p>First - is there any way to style firefox audio tag like -webkit browsers. For example: I can use <code>audio::-webkit-media-controls-panel</code> to change background color.</p>
  
  <p>Second - Is there any way to differ -webkit audio tag from -moz audio tag.</p>
  
  <p>Now I will show you my problem:
  <a href="http://jsfiddle.net/WB7yT/" rel="nofollow">http://jsfiddle.net/WB7yT/</a></p>
  
  <p>this is how I style my audio tag for now.
  I want to use this, but with firefox <code>audio { height: 50px; }</code> is a problem, which is needed for -webkit browsers.</p>
  
  <p>any ideas? </p>
  
  <p>P.S. please don't suggest javascript solutions</p>