Tengo el siguiente estilo aplicado a midiv elemento:

background-image: -moz-radial-gradient(50% -10%, ellipse closest-corner, rgba(5, 5, 5, 0.7), rgba(0, 0, 0, 0) 100%);

Esto tiene el efecto deseado (siendo una sombra interior solo en la parte superior de ladiv). Me gustaría aplicar el mismo efecto en la parte inferior de ladiv. La siguiente línea lo hace bien, pero parece anular la primera, por lo que solo puedo obtener una o la otra.

background-image: -moz-radial-gradient(50% 110%, ellipse closest-corner, rgba(5, 5, 5, 0.7), rgba(0, 0, 0, 0) 100%);

¿Puede alguien mostrarme cómo puedo tener múltiples fondos de degradado radial por elemento? Noté que el webkit puede hacer esto fácilmente, pero estoy buscando una implementación / alternativa en varios navegadores.

Gracias