Contents from other slides overflow on the left/right borders

I have three unordered lists displayed in three divs with their classes as slides. And when one of the slide is active, the contents from other slides are visible on the left/right edges.

Html page is available at https://github.com/madhavan020985/miscFiles/blob/master/index.html