css3 e l'ombra fuori dalla pagina

[insurrection]

salve ragazzi stavo giocando con CSS3 e con l'effetto ombra... ad un div...

#mainmenu { 
letter-spacing: 1px;    
font-family:Arial, Helvetica, sans-serif;
background-color: #000000;
height: 91px;
width: 100%;
padbackground-color: #000000;
padding-top:10px;
-moz-box-shadow:0px  5px 20px #333333;
-webkit-box-shadow:0px 5px 20px #333333;
box-shadow:0px 5px 20px #333333;
-goog-ms-box-shadow: 0px 5px 20px #333333;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
/*margin-bottom: 25px;*/
} 

il problema che riscontro è che l'ombra finisce tot pixel fuori dalla pagina in orizzontale facendo così comparire la barra di scorrimento orizzontale...

...che brutto... consigli?

[ResianTaxidrive]

ma scusa, avrai la pagina troppo larga

[insurrection]

no, non è questo il caso

[Prill]

L'ombra si somma alla larghezza del div generando lo scrolling, inserisci un valore inferiore, anche di poco, al 100%