diff --git a/bjqs.css b/bjqs.css
index 5e5fdb8..d1f6439 100644
--- a/bjqs.css
+++ b/bjqs.css
@@ -3,11 +3,11 @@
 ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
 li.bjqs-slide{position:absolute; display:none;}
 ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
-ul.bjqs-controls.v-centered li a{position:absolute;}
-ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
-ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
+ul.bjqs-controls.v-centered li span{position:absolute;cursor:pointer;}
+ul.bjqs-controls.v-centered li.bjqs-next span{right:0;}
+ul.bjqs-controls.v-centered li.bjqs-prev span{left:0;}
 ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
 ol.bjqs-markers.h-centered{text-align: center;}
 ol.bjqs-markers li{display:inline;}
-ol.bjqs-markers li a{display:inline-block;}
-p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
\ No newline at end of file
+ol.bjqs-markers li span{display:inline-block;cursor:pointer;}
+p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
diff --git a/demo.css b/demo.css
index 9231085..0ebd955 100644
--- a/demo.css
+++ b/demo.css
@@ -41,7 +41,7 @@ pre + h2{
 	margin-bottom: 60px;
 }
 
-ul.bjqs-controls.v-centered li a{
+ul.bjqs-controls.v-centered li span{
 	display:block;
 	padding:10px;
 	background:#fff;
@@ -49,12 +49,12 @@ ul.bjqs-controls.v-centered li a{
 	text-decoration: none;
 }
 
-ul.bjqs-controls.v-centered li a:hover{
+ul.bjqs-controls.v-centered li span:hover{
 	background:#000;
 	color:#fff;
 }
 
-ol.bjqs-markers li a{
+ol.bjqs-markers li span{
 	padding:5px 10px;
 	background:#000;
 	color:#fff;
@@ -62,11 +62,11 @@ ol.bjqs-markers li a{
 	text-decoration: none;
 }
 
-ol.bjqs-markers li.active-marker a,
-ol.bjqs-markers li a:hover{
+ol.bjqs-markers li.active-marker span,
+ol.bjqs-markers li span:hover{
 	background: #999;
 }
 
 p.bjqs-caption{
 	background: rgba(255,255,255,0.5);
-}
\ No newline at end of file
+}
diff --git a/js/bjqs-1.3.js b/js/bjqs-1.3.js
index f06e7b2..daeb0bc 100755
--- a/js/bjqs-1.3.js
+++ b/js/bjqs-1.3.js
@@ -418,11 +418,11 @@
 
             // create the elements for the controls
             $c_wrapper  = $('<ul class="bjqs-controls"></ul>');
-            $c_fwd      = $('<li class="bjqs-next"><a href="#" data-direction="'+ vars.fwd +'">' + settings.nexttext + '</a></li>');
-            $c_prev     = $('<li class="bjqs-prev"><a href="#" data-direction="'+ vars.prev +'">' + settings.prevtext + '</a></li>');
+            $c_fwd      = $('<li class="bjqs-next"><span data-direction="'+ vars.fwd +'">' + settings.nexttext + '</span></li>');
+            $c_prev     = $('<li class="bjqs-prev"><span data-direction="'+ vars.prev +'">' + settings.prevtext + '</span></li>');
 
             // bind click events
-            $c_wrapper.on('click','a',function(e){
+            $c_wrapper.on('click','span',function(e){
 
                 e.preventDefault();
                 var direction = $(this).attr('data-direction');
@@ -479,13 +479,13 @@
                     gotoslide = key + 2;
                 }
 
-                var marker = $('<li><a href="#">'+ slidenum +'</a></li>');
+                var marker = $('<li><span>'+ slidenum +'</span></li>');
 
                 // set the first marker to be active
                 if(slidenum === state.currentslide){ marker.addClass('active-marker'); }
 
                 // bind the click event
-                marker.on('click','a',function(e){
+                marker.on('click','span',function(e){
                     e.preventDefault();
                     if(!state.animating && state.currentslide !== gotoslide){
                         go(false,gotoslide);