Setting overflow:hidden only for certain elements

Question

http://jsfiddle.net/waitinforatrain/sEX3n/

I have two divs in a container with absolute position. Both of them are set to be outside the boundaries of the container.

Answer 1

The most obvious solution is to:

• Add an extra wrapper div.
• Apply overflow: hidden to this div.
• Move the time outside this div.

Like this: http://jsfiddle.net/sEX3n/4/

Answer 2

Why not just move div#time outside the div#video-seek ?

Like this : http://jsfiddle.net/moeishaa/XNAmn/