I need to achieve this effect where the blue swoosh hangs out of the slider and slightly into the body below. My initial though was to sit a .png over the top using Code: display:block; marging-top:-14em auto 0; position:relative; z-index:99; This worked at 1100px width but it just doesnt work as the screen gets smaller. Yeah it can be fixed with media queries but it'd need A LOT of them! The only alternative I can see is to include the swoosh as part of the slider image. In itself that isn't a major issue but it means a z-index and minus top margin for the body area under the slider, which in itself only shoves the issue further down the page. Can anyone think of a better solution?