Eu tenho o seguinte estilo aplicado ao meudiv elemento:

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

Isto tem o efeito desejado (sendo uma sombra interna apenas no topo dodiv). Eu gostaria de aplicar o mesmo efeito na parte inferior dodiv. A seguinte linha faz bem, mas parece substituir o primeiro, então eu só posso pegar um ou outro.

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

Alguém pode me mostrar como eu posso ter vários fundos de gradiente radial por elemento? Percebo que o webkit pode fazer isso facilmente, mas estou procurando uma implementação / alternativa entre navegadores.

obrigado