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);

try applying it to #bodyrow

Set this style to the bodyrow ?

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);

I have tried setting a style to this ID but to no avail.

So you put it in the CSS inserts option and used '#bodyrow' as the selector?

Yes, like this

#bodyrow {
background: #FFFFFF;
-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);
}

take out the code for the middle and right - you'll probably have to fiddle with the code for the left - take it out at first so you can see what the bodyrow code does