title: IE webrowser control doesn't display CSS box shadow
body: <p>Our custom Windows (C#) application uses the .net "System.Windows.Forms.WebBrowser" control to display HTML-based help. When I view a Help page in any browser, (IE, Chrome, Firefox, etc.), a box shadow appears on IMG elements. But when the help pages are displayed in the application using the IE control, the shadows don't appear. I cannot figure out why there's a difference.</p>
  
  <p>The CSS for the box shadow is this:</p>
  
  <pre><code>img {
  box-shadow: 6px 6px 15px 0 rgb(179,179,179);
  -moz-box-shadow: 6px 6px 15px 0 rgb(179,179,179);
  -webkit-box-shadow: 6px 6px 15px 0 rgb(179,179,179);
  }
  </code></pre>
  
  <p>The CSS also has a media rule that turns off box-shadow when the page is printed.</p>
  
  <pre><code>@media print {
  img {box-shadow: 0 0 0 0 #FFFFFF}
  } 
  </code></pre>
  
  <p>I have IE 11 (11.0.9600.19572) installed on my PC (Windows 7 64bit). The developers don't know why the control acts differently than the full browser. All the answers I've found by searching online just say you need an up-do-date IE installed on the system. </p>