Re: Trouble with Box Shadow on Rollover (:hover)

[charlie]

I added the -o-box-shadow for Opera, changed -webkit- to rgba color, added 0px for spread amount and some ie fixes.

But it’s still not working in Safari 4.1.3. Could it have something to do with the box-shadow being applied to an “a” tag?

#pbnj div.pbnj-charms-container div.pbnj-charm-item a:hover,

#pbnj div.pbnj-jewelry-container div.pbnj-jewelry-item a:hover,

#pbnj div.pbnj-collections-container div.pbnj-collections-item a:hover {

display: inline-block;

width: 170px;

height: 60px;

-webkit-box-shadow: 0px 0px 8px 0px rgba(153, 153, 153, 1);

-moz-box-shadow: 0px 0px 8px 0px #999999;

-o-box-shadow: 0px 0px 8px 0px #999999;

box-shadow: 0px 0px 8px 0px #999999;

-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=6, Direction=0),

progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=6, Direction=90),

progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=6, Direction=180),

progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=6, Direction=270);

filter: progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=6, Direction=0),

progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=6, Direction=90),

progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=6, Direction=180),

progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=6, Direction=270);

}