How to get inset box-shadow work on thead in chrome?

[boymaster]

I have created this very simple fiddle to reproduce the issue. I does what's expected in firefox but not in chrome. Is there a workaround to achieve the same purpose ?Here is the HTML code:\[code\]<table cellpadding="1"> <thead> <tr> <th>Adskldj</th> <th>dfsdfd</th> </tr> </thead> <tbody> <tr><th>Adskldj</th><th>dfsdfd</th></tr> <tr><th>Adskldj</th><th>dfsdfd</th></tr> <tr><th>Adskldj</th><th>dfsdfd</th></tr> <tr><th>Adskldj</th><th>dfsdfd</th></tr> </tbody></table>\[/code\]And the CSS\[code\]table { border-collapse:collapse;}td, th { border-top: 1px solid #888; border-bottom: 1px solid #888; padding: 30px;}thead { background-color: #DDD; box-shadow:inset 0 0 10px #000000;}\[/code\]