[SOLVED] Seamless drop shadow on bottom of center column

Hello

I am working on a site here, http://umfs.gagnavist.is. I´m trying to have a drop shadow on the center column but as you can see there is a space between the sidebars and the center column that I don´t want.

Is it possible to change this so that the space can not be seen.

I have these CSS setting on the Center column, left and right sidebar

Center:
-webkit-box-shadow: 1px 10px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 10px 5px rgba(50, 50, 50, 0.75);
box-shadow: 1px 10px 5px rgba(50, 50, 50, 0.75);

Left sidebar:
padding: 10px 5px 0 0;
background: #transparent;
-webkit-box-shadow: -6px 8px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: -6px 8px 5px rgba(50, 50, 50, 0.75);
box-shadow: -6px 8px 5px rgba(50, 50, 50, 0.75);

Right sidebar:
padding: 10px 0px 0px 5px;
background: #transparent;
-webkit-box-shadow: 6px 8px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 6px 8px 5px rgba(50, 50, 50, 0.75);
box-shadow: 6px 8px 5px rgba(50, 50, 50, 0.75);