Set limit, css animations

Question

I came across this problem that is affecting my CSS structure.

I have such animation on my website http://jsfiddle.net/9bdqe2nq/

But I need it to stay inside the black bar, which is that surplus that is outside the bar should not appear... I was using the z-index to go over the rest of my site on top of that, but I got into trouble [..]

What solution should I apply?

Answer 1

Can use overflow, that way what comes out of the div is not shown, is hidden.

.menu {
    overflow: hidden;
}

jsFiddle: http://jsfiddle.net/9bdqe2nq/1/

Answer 2

Just add

overflow: hidden; 

in class . menu { }