I'm not sure what conditions are necessary to reproduce this issue, as I've only encountered it on a private network: I have css pointing to divs, within divs and although chrome is able to render the -webkit-box-shadow as expected, safari does not render the provided style at all. The section of css pertaining to the area is below, and the actual div that is not rendering correctly is div.expander div div. div.expander h4 { margin: 0; background: url(/images/dv7/expand_top.jpg) 0 0 no-repeat; height: 19px; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #666; text-indent: 31px; padding: 18px 0 0; } div.expander h4 a { display: block; height: 37px; } div.expander div { padding: 10px 0; background: url(/images/dv7/expand_mid.jpg) repeat-y; } div.expander div div { background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 15px; width: 622px; margin: 0 0 0 16px; -moz-box-shadow: #bbb 0 0 8px 5px; -webkit-box-shadow: #bbb 0 0 8px 5px; }
Please attach a testcase.
You can find a sample on this page: http://www.dotster.com/about/careers.php However I'm no longer on an XP machine (I've switched to a windows 7 machine) so I'm unable to determine if the issue can still be reproduced.
Current builds seem to render that shadow just fine.