title: user agent stylesheet override my own styles
body: <p>EDIT*** In what instances can user agent styles override custom CSS?</p>
  
  <hr>
  
  <p>I have a few styles set on an element on a page of mine, it seems that the user agent stylesheet override my definitions.  </p>
  
  <p>It is happening in Chrome Version 39.0.2171.95 m, Firefox 34.0.5, but not in IE 11.</p>
  
  <p>I know I don't have any direct styles on that element, but it is my understanding that the user agent stylesheet ONLY takes over if there are absolutely no styles for a particular element.  Do inherited styles not count towards that?</p>
  
  <p><img src="https://i.stack.imgur.com/h3xOE.png" alt="enter image description here"></p>