wersja skryptu MyBB:1.6
adres forum:www.osmobile.pl
na czym polega problem :Chciał bym ustawić dwa cienie na raz w container

Witam, jak wyżej.Czy da się ustawić dwa cienie na raz tak aby jeden drugiego nie zasłaniał ? w chwili obecnej mam tak:

#container {
background: #0e0e0e;
width: 1025px;
color: #707070;
border: 1px solid #000000;
margin: auto auto;
padding: 20px;
text-align: left;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-radius-buttomleft: 4px;
-webkit-border-radius-bottomright: 4px;
-border-radius-bottomright: 4px;
-border-radius-bottomleft: 4px;
-moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
margin-bottom: 20px;
border-radius: 0 0 4px 4px;


i ten cień dodaje taki 1 jasny px ale do środka ramki container a zależy mi jeszcze na tym :

-webkit-shadow: #050202 0 5px 15px;
box-shadow: #050202 0 5px 15px;
-moz-box-shadow: #050202 0 5px 15px;

co doda mi cień na zewnątrz container, niestety teraz te dwa się zakrywają i jest tylko ten na zewnątrz.Czy ktoś da radę zrobić by były jednocześnie ?

Z góry dziękuję za pomoc i pozdrawiam.
ok problem rozwiązany:


#container {
background: #0e0e0e;
width: 1025px;
color: #707070;
border: 1px solid #000000;
margin: auto auto;
padding: 20px;
text-align: left;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-radius-buttomleft: 4px;
-webkit-border-radius-bottomright: 4px;
-border-radius-bottomright: 4px;
-border-radius-bottomleft: 4px;
-moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3), #050202 0 5px 15px;
-webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3), #050202 0 5px 15px;
-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3), #050202 0 5px 15px;
margin-bottom: 20px;
border-radius: 0 0 4px 4px;