title: Overriding inline style not working in Edge
body: <p>A site I have created is behaving strangely in MS Edge Browser (and IE too): 
  <a href="http://bristolenergynetwork.org/" rel="nofollow noreferrer">http://bristolenergynetwork.org/</a></p>
  
  <p>On the element header#fancy-header the stylesheet css of background-size: intial !important should be overriding the inline style of background-size: cover. Edge developer tools show the latter as crossed out, suggesting it is being overridden but it is not as the banner should appear below the logo and menu as it does on Chrome. If you uncheck the crossed out style the site looks as it should suggesting that the override is not taking place as developer tools suggests.</p>
  
  <p><a href="https://i.stack.imgur.com/C8wdz.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/C8wdz.jpg" alt="enter image description here"></a></p>
  
  <p>Is this a bug in Edge or is something else causing this behaviour? Thanks!</p>