title: Remove max-width on audio player in Chrome
body: <p>I'd like the default HTML5 audio player to fit the width of its parent container. I set its display to 'block' and width to '100%'. However, it seems like Chrome starts to add padding on the left and right sides after surpassing a certain window size:</p>
  
  <p><img src="https://i.stack.imgur.com/LNcUB.png" alt="Chrome"></p>
  
  <p>Firefox is behaving as I'd like it to, with the edges of the player reaching exactly to the edge of the parent div:</p>
  
  <p><img src="https://i.stack.imgur.com/u8dxZ.png" alt="Firefox"></p>
  
  <p>How can I remove this extra padding in Chrome?? </p>
  
  <p>EDIT:: As pointed out in the comments, it looks like it's actually a max-width (not padding)... </p>
  
  <p>Thanks!</p>