Been doing a lot of research on this issue but I can't get it to work properly.
I have this CSS code that works in all browsers except for Internet Explorer.
border-top: 3px solid rgba(139, 0, 0, 1); background-color: rgba(139, 0, 0, 0.75); color: rgba(139, 0, 0, 0.75); text-shadow: -2px -2px 0 #FFFFFF, 2px -2px 0 #FFFFFF, -2px 2px 0 #FFFFFF, 2px 2px 0 #FFFFFF;
Basically what it does is the color of the text is the same as the background color so it is kind of "hidden" but text-shadow makes it somewhat like an outline that shows the outline of the text. Of course, everything has to work except for Internet Explorer since it does not support text-shadow. I tried using filters, dropshadow and shadow, to try to get the exact same result in Internet Explorer as it shows on the other browsers but the filters seem to apply to the entire div container instead of the text iself. Can somebody help me out on this? Thanks.