Проблемы с overflow

[cryptus]

В следующем коде:

————————————————--

<div class="center">
                <div class="center_left">centerLeft</div>
                <div class="center_right"><img src="img/foto.jpg" alt="Hands"></div>
            </div>
            <div class="menu">
                Place for menu...
            </div>

————————————————-

.center {
    margin-top: 10px;
    clear: both;
    overflow: hidden;
}
.center_left {
    border: 1px solid #000;
    width: 525px;
    float: left;
}
.center_right {
    /*border: 1px solid #000;*/
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    width: 525px;
    height: 275px;
    float: right;
    border-radius: 10px;
    overflow: hidden;

}
.menu {
    width: 1070px;
    height: 45px;
    border: 1px solid #000;
    margin-top: 22px;

}

 

На фотографии в centerRight срезается тень с верхней и нижней части. как можно решить проблему?

Результат тут: https://www.dropbox.com/s/trm2eo5uday8dt4/001.jpg?dl=0

[Vlad]

Места для тени не хватает, добавь ей пространства.