Using overflow-y: hidden or overflow-x: hidden to only hide one side of an element

[KarlKool]

The title pretty much asks the question but I know using \[code\]overflow-y: hidden\[/code\] and \[code\]overflow-x: hidden\[/code\] you can hide either the top and bottom or the left and ride side of an element but is there a way to only hide one side using these selectors.In particular I am interested in hiding the bottom of a div that is overflowing but not the top.If not is there any other CSS only way to accomplish this desired effect?There is a legitimate purpose for needing this and I have found a work around however I'd rather see if there is a standard way of doing this before falling back to the work around.To explain slightly, I am only in control of the CSS for a slideshow and I need to push an element inside the slideshow \[code\]div\[/code\] up above the \[code\]div\[/code\] however the \[code\]overflow: hidden\[/code\] values are cutting off this pushed up \[code\]div\[/code\] when I do this. I can remove the \[code\]overflow: hidden\[/code\] completely of course but then that doesn't make for a very good slideshow!