css shadow width problems

<html><head>
<style type="text/css">
#container {
        width:960px; min-height:100%; margin:0px auto -32px auto;
           position:relative; padding:0px; background-color:#e6e6e6;
           -moz-box-shadow: -3px 0px 5px rgba(0,0,0,.8),
           3px 0px 5px rgba(0,0,0,.8);}


#footer{
        width: 100%;
        position: absolute;
        bottom: 5px;
        margin: 0px auto;
        padding:0px; background-color:#e6e6e6;
       -moz-box-shadow: -3px 0px 5px rgba(0,0,0,.8),
       3px 0px 5px rgba(0,0,0,.8);}
</style>
</head>
<body>
<div id="container">
   <div id="header">prova</div>
   <div id="content">sdfsdf</div>
   <div id="clearfooter">sdfsdfsdf</div>
</div>

    <div id="footer">sdfsdf</div>


</body>
</html>