Inner shadow to div in IE

Question

I created an inner shadow for a div as in the following css code:

.gil_Help_ContentArea {
    width: 300px;
    height: 200px;
    margin: 5px 0 0 0;
    pad         


        

Answer 1

IE 8 and below don't support the box-shadow CSS3 property, but it might be possible to get it to work. You should check these articles out...

• http://dev.opera.com/articles/view/cross-browser-box-shadows/
• http://dimox.net/cross-browser-css3-box-shadow/
• http://fetchak.com/ie-css3/

I would recommend using images for IE 8 and below (use conditional stylesheets).

I came up with a crappy solution, but it works in IE 8, Chrome, Firefox, Safari, and Opera. Check out the fiddle...

http://jsfiddle.net/UnsungHero97/Mu9jL/3/

I hope this helps.
Hristo