diff --git a/.gitignore b/.gitignore
index 728711b..92484b7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,5 @@
+.DS_Store
+
 # Logs
 logs
 *.log
@@ -25,4 +27,4 @@ build/Release
 # Dependency directory
 # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
 node_modules
-bower_components
\ No newline at end of file
+bower_components
diff --git a/bower.json b/bower.json
index f7539c9..ec86405 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-simple-sprite",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "authors": [
     "Tushar Ghate <tushghate@gmail.com>"
   ],
diff --git a/demo/index.html b/demo/index.html
index 3dadc58..26c8052 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -6,48 +6,48 @@
   <body ng-controller="AppController as appController">
   	<div>
         <h3>Basic Example</h3>
-	    <simple-sprite 
-	    	src="./images/alien-jump.png" 
-	    	frame-width="100" 
-	    	frame-height="155" 
-	    	frames="8" 
-	    	repeat="true" 
+	    <simple-sprite
+	    	src="./images/alien-jump.png"
+	    	frame-width="100"
+	    	frame-height="155"
+	    	frames="8"
+	    	repeat="true"
 	    	speed="50">
 	    </simple-sprite>
 	</div>
-      
+
     <div>
         <h3>Using frames-per-row</h3>
-	    <simple-sprite 
-	    	src="./images/alien-jump-rows.png" 
-	    	frame-width="100" 
-	    	frame-height="155" 
-	    	frames="8" 
+	    <simple-sprite
+	    	src="./images/alien-jump-rows.png"
+	    	frame-width="100"
+	    	frame-height="155"
+	    	frames="8"
             frames-per-row="4"
-	    	repeat="true" 
+	    	repeat="true"
 	    	speed="50">
 	    </simple-sprite>
 	</div>
 
 	<div>
         <h3>Non-Repeating</h3>
-	    <simple-sprite 
-	    	src="./images/alien-rocket.png" 
-	    	frame-width="150" 
-	    	frame-height="348" 
-	    	frames="3" 
-	    	repeat="false" 
+	    <simple-sprite
+	    	src="./images/alien-rocket.png"
+	    	frame-width="150"
+	    	frame-height="348"
+	    	frames="3"
+	    	repeat="false"
 	    	speed="100">
 	    </simple-sprite>
 	</div>
   </body>
 
   <script type="text/javascript" src="../bower_components/angular/angular.min.js"></script>
-  <script type="text/javascript" src="../dist/angular-simple-sprite.min.js"></script>
+  <script type="text/javascript" src="../dist/angular-simple-sprite.js"></script>
   <script type="text/javascript">
 	  (function() {
 	  	angular
-	  		.module('my-app', ['simple-sprite'])  		
+	  		.module('my-app', ['simple-sprite'])
 	  		.controller('AppController', AppController)
 
 	  	function AppController() {
diff --git a/dist/angular-simple-sprite.js b/dist/angular-simple-sprite.js
index 8f20bcd..7b1160a 100644
--- a/dist/angular-simple-sprite.js
+++ b/dist/angular-simple-sprite.js
@@ -36,8 +36,8 @@
                 };
 
                 /**
-                 * Initializes the sprite with default CSS styles and options passed in by 
-                 * the user. Starts the sprite animation. 
+                 * Initializes the sprite with default CSS styles and options passed in by
+                 * the user. Starts the sprite animation.
                  */
                 function init() {
                     src = $scope.src;
@@ -67,7 +67,7 @@
                 function animate() {
 
                     /**
-                     * Returns whether the sprite animation has completed or not. 
+                     * Returns whether the sprite animation has completed or not.
                      */
                     function isAnimationComplete() {
                         var toReturn = false;
@@ -91,7 +91,7 @@
 
                     animationInterval = $window.setInterval(function() {
                         // Update the sprite frame
-                        element.css("background-position", spritePosition.x + "px" + " " + spritePosition.y + "px");
+                        element.css("background-position", -spritePosition.x + "px" + " " + spritePosition.y + "px");
 
                         // Determine if we should loop the animation, or stop, if the animation is complete
                         if (isAnimationComplete()) {
diff --git a/dist/angular-simple-sprite.min.js b/dist/angular-simple-sprite.min.js
deleted file mode 100644
index 503ae94..0000000
--- a/dist/angular-simple-sprite.min.js
+++ /dev/null
@@ -1 +0,0 @@
-!function(){function a(a){return{restrict:"AE",replace:!1,scope:{src:"@",frameWidth:"@",frameHeight:"@",frames:"@",framesPerRow:"@",repeat:"@",speed:"@"},link:function(b,c,d){function e(){g=b.src,h=parseInt(b.frameWidth,10),i=parseInt(b.frameHeight,10),j=parseInt(b.frames,10),l="true"==b.repeat,m=b.speed,k=b.framesPerRow,c.css({display:"block",width:h+"px",height:i+"px",background:"url("+g+") repeat",backgroundPosition:"0px 0px"}),f()}function f(){function b(){var a=!1;if(k){var b=j/k;n.x>=k*h&&n.y>=b*i&&(a=!0)}else n.x>=h*j&&(a=!0);return a}o=a.setInterval(function(){c.css("background-position",n.x+"px "+n.y+"px"),b()?l?(n.x=0,n.y=0):a.clearInterval(o):(n.x+=h,null!=k&&n.x+h>h*k&&(n.x=0,n.y+=i))},m)}var g,h,i,j,k=0,l=!0,m=100,n={x:0,y:0},o=null;b.$on("$destroy",function(){a.clearInterval(o)}),e()}}}angular.module("simple-sprite",[]).directive("simpleSprite",a),a.$inject=["$window"]}(angular);
\ No newline at end of file
diff --git a/package.json b/package.json
index d48ffa3..03e2f36 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-simple-sprite",
-  "version": "0.0.0",
+  "version": "1.0",
   "description": "An Angular directive for creating simple sprites.",
   "main": "GruntFile.js",
   "dependencies": {
