Is it that the file wont unzip or that it doesn't work on your website?

The only thing I would suggest is copying the code from the example


Or from here... (html)

<div id="slot-machine-tabs">
        	
        	<ul class="tabs">
        		 <li><a href="#one" class="current">Tab One</a></li>
        		 <li><a href="#two">Tab Two</a></li>
        		 <li><a href="#three">Tab Three</a></li>
        	</ul>
        	
        	<div class="box-wrapper">
	        	
	        	<div id="one" class="content-box current">
	        		<div class="col-one col" style="top: 0px; ">
	        			<img src="images/evangeline.jpg" alt="">
	        		</div>
	        		<div class="col-two col" style="top: 0px; ">
	        			<h3>Kate</h3>
	        			<p><a href="http://css-tricks.com">Pellentesque</a&gt; habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
	        		</div>
	        		<div class="col-three col" style="top: 0px; ">
	        			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
	        		</div>
	        	</div>
	        	
	        	<div id="two" class="content-box">
	        		<div class="col-one col">
	        			<img src="images/elizabeth.jpg" alt="">
	        		</div>
	        		<div class="col-two col">
	        			<h3>Juliet</h3>
	        			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
	        		</div>
	        		<div class="col-three col">
	        			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
	        		</div>
	        	</div>
	        	
	        	<div id="three" class="content-box">
	        		<div class="col-one col">
	        			<img src="images/sonya.jpg" alt="">
	        		</div>
	        		<div class="col-two col">
	        			<h3>Penelope</h3>
	        			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
	        		</div>
	        		<div class="col-three col">
	        			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
	        		</div>
	        	</div>
	        	
	        </div>
        
        </div>

css...

/*
     CSS-Tricks Example
     by Chris Coyier
     http://css-tricks.com
*/

* { margin: 0; padding: 0; }
body { font: 14px Georgia, serif; background: url(../images/bg.png); }
#page-wrap { width: 700px; margin: 50px auto; }
a { text-decoration: none; }
h3 { margin: 0 0 10px 0; }

.tabs { list-style: none; overflow: hidden; padding-left: 1px; }
.tabs li { display: inline; }
.tabs li a { display: block; float: left; padding: 4px 8px; color: black; border: 1px solid #ccc; background: #eee; margin: 0 0 0 -1px; }
.tabs li a.current { background: white; border-bottom: 0; position: relative; top: 2px; z-index: 2; }

.box-wrapper { -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; padding: 20px; background: white; border: 1px solid #ccc; margin: -1px 0 0 0; height: 210px; position: relative; }
.content-box { overflow: hidden; position: absolute; top: 20px; left: 20px; width: 658px; height: 230px; }

.current { z-index: 100; }

.col-one, .col-two, .col-three { width: 30%; float: left; position: relative; top: 350px; }
.col-one, .col-two { margin-right: 3%; }

you'll need to replace the images. or you can try a different unzipper for your computer