There seems to be a pesky little gap right below my image slider that I just can't seem to get rid of. I was hoping to spruce it up with a box-shadow, but when I tried it out on jsfiddle, it ended up looking pretty awful because of the annoying gap. I've outlined the slider with a red border to highlight the issue - do you have any idea what could be causing this gap and how I can fix it?
#slider {
width:40%;
float:left;
border: 2px solid red;
box-shadow: 0px 0px 4px 4px #000;
}
Check it out on jsfiddle : http://jsfiddle.net/SWVys/4/