Inner shadow for thumbnail box
<p>Here is my site <a href="http://goo.gl/MeCxv2" rel="nofollow">http://goo.gl/MeCxv2</a> when I have my porfolio's thumbnails on the main page and I want to add an inner shadow for all thumbnail boxes. I want to get like this <a href="http://goo.gl/L80HAx" rel="nofollow">http://goo.gl/L80HAx</a> but with CSS instead of photoshop :D</p>

<p>So, I try to do like this:</p>

<pre><code>.rollover-project hover-ready { 
-moz-box-shadow: inset 0 0 10px #000000 !important;
-webkit-box-shadow: inset 0 0 10px #000000 !important;
box-shadow: inset 0 0 10px #000000 !important;
}
</code></pre>

<p>But it doesn't work and I'm not even sure, that the class .rollover-project hover-ready is correct.</p>

<p>Could you please to help me?</p>