I have this slide show: <http://andrewolff.jalbum.net/Nepal/> running in an iFrame:

```
<iframe src="http://andrewolff.jalbum.net/Nepal/" frameborder="0" scrolling="no" height="240" width="100%" ></iframe>

```

in a table, displayed on this page: <http://www.andrewolff.nl/TestAlbum/EmbeddedAlbums/>

The slide show consist of absolute positioned images with a border radius and shadow:

```
#slideimage {
  border-radius: 7px;
  box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}

```

This works fine except the shadow is not working at the bottom.
I tried already with a margin of 10px around the image, but that does not help. A padding of 10px does also not help.
I played also with the `z-index` without result.
Who know a solution?