Pulsanti in rilievo (Mozilla si altri browser no)

[Gio']

Salve a tutti e beato chi sta al mare.

Non riesco a visualizzare sui  browser Internet Explorer, Google Chrome e Safari le ombre sui pulsanti  realizzati con 'jecepopup' e inserite nei moduli.
L' operazione mi riesce perfettamente sul Browser Mozilla, inserendo in ogni modulo la stringa box-shadow: 2px 2px 2px; , come e' possibile vedere nell'esempio copiato in basso.

 <table class="jcepopup" style="border-color: #0f0f10; box-shadow: 2px 2px 2px; border-width: 1px; background-color: #ffffff; border-style: solid; width: 140px; height: 22px;" border="1">
<tbody>
<tr>
<td><span style="color: #800080;">&nbsp; <span style="font-size: 12pt;">&nbsp;</span></span><strong><span style="font-size: 10pt; font-family: helvetica;"><a title="Il video curioso da Youtube" href="index.php?option=com_content&amp;view=article&amp;id=126&amp;Itemid=246" target="_blank">Guarda il&nbsp; video[/url]</span></strong></td>
</tr>
</tbody>
</table>

Come posso risolvere il problema sugli altri Browser ?
Ciao

[Dariodor]

Salve giò,

Premesso che con IE potrai fare poco, ispirati a siti che già hanno quella funzione, ad esempio girando nei siti che fanno template a pagamento vedo che utilizzano background per rendere l'effetto

Per firefox
-moz-linear-gradient(center top , #00B4F5 0%, #0096D2 100%) repeat scroll 0 0 transparent
Per chrome e safari
-webkit-linear-gradient(top, #00B4F5 0%, #0096D2 100%)

Poi ti consiglio di dare uno sguardo a http://www.w3schools.com/cssref/css3_browsersupport.asp
questo sito ti permette di vedere la conpatibilità del css con i vari browser, da spiegazioni soddisfacenti ed esempi chiari.

[Gio']

Grazie per le dritte Dariodor.
I tuoi suggerimenti sono stati molto utili e mi hai dato il la' per approfondire l'argomento.
Buona domenica.