How To Set Transparent Border Color In Internet Explorer 8 And Below Using CSS

Good evening!

Normally, the css snippet below paints a transparent border to containers or divs using Mozilla Firefox, Chrome or IE9+.

.NewsContent {  
  background-color: #fff;  
  border: 10px solid transparent;   
  background-clip: content-box;   
 }  

However, for other IE8 and below, I had a hard time figuring out how to make the border transparent. Luckily, I found a link: Border Color Transparent in IE6 which serves as the basis on how to set transparent border color in Internet Explorer 8 and below using CSS below:

.NewsContent {  
      background-color: #fff;  
      border: 10px solid black;   
      filter: chroma(color=black);   
 }  

Afterwards, the border color changed to transparent. MSDN link: MSDN Chroma Filter
:)