diff --git a/frontend/templates/book_panel.html b/frontend/templates/book_panel.html
index b19f5642..79572525 100644
--- a/frontend/templates/book_panel.html
+++ b/frontend/templates/book_panel.html
@@ -16,21 +16,21 @@
                     {% if first_ebook %}
                         <b>AVAILABLE!</b>
                     </div>
-                    <div class="read_itbutton">{% if first_ebook %}<a href="{{ work.ebooks.0.url }}">{% endif %}Read it Now</a></div>
+                    <a href="{{ work.ebooks.0.url }}"><div class="read_itbutton"><span>Read it Now</span></div></a>
 
                     {% else %}{% if status == 'SUCCESSFUL' %} 
                     	<b>UNGLUED!</b>
                         <p><b>On:</b> {{ deadline|date:"M d, Y" }}</p>
                         <p><b>Raised:</b> {{ work.last_campaign.current_total|intcomma }}</p>
                     </div>
-                    <div class="read_itbutton">{% if first_ebook %}<a href="{{ work.ebooks.0.url }}">{% endif %}Read it Now</a></div>
+                    {% if first_ebook %}<a href="{{ work.ebooks.0.url }}"><div class="read_itbutton"><span>Read it Now</span></div></a>{% else %}<div class="read_itbutton"><span>Coming Soon</span></div>{% endif %}
                     
                     {% else %}{% if status == 'ACTIVE' %}
                     	<b>UNGLUE IT!</b>
                         <p><b>${{ work.last_campaign.current_total|intcomma }}</b> raised</p><p><b>${{ work.last_campaign.target|intcomma }}</b> needed</p>
                         <p>by {{ deadline|date:"M d, Y" }}</p>
                     </div>
-                    <div class="read_itbutton pledge"><a href="/pledge/{{work.id}}">Support</a></div>
+                    <a href="/pledge/{{work.id}}"><div class="read_itbutton pledge"><span>Support</span></div></a>
 
                     {% else %}{% if status == 'INITIALIZED' %}
                         <p>Campaign coming soon!</p>
diff --git a/static/css/book_panel.css b/static/css/book_panel.css
index bf984e2d..8c0a0c78 100644
--- a/static/css/book_panel.css
+++ b/static/css/book_panel.css
@@ -254,7 +254,7 @@ div.panelview.side2 {
   border-radius: 4px;
   border: 1px solid #81bb38;
 }
-.read_itbutton a {
+.read_itbutton span {
   line-height: 40px;
   font-size: 11px;
   background-repeat: no-repeat;
@@ -266,10 +266,10 @@ div.panelview.side2 {
   color: #73a334;
   background: url("/static/images/book-panel/book_icon.png") no-repeat 10% center;
 }
-.read_itbutton a:hover {
+.read_itbutton span:hover {
   text-decoration: none;
 }
-.read_itbutton a:hover {
+.read_itbutton span:hover {
   text-decoration: none;
   color: #3d4e53;
 }
@@ -278,7 +278,7 @@ div.panelview.side2 {
   background-repeat: no-repeat;
   background-position: 90% center;
 }
-.read_itbutton.pledge a {
+.read_itbutton.pledge span {
   line-height: 35px;
   font-size: 11px;
   background-repeat: no-repeat;
@@ -290,10 +290,10 @@ div.panelview.side2 {
   color: #73a334;
   background: none;
 }
-.read_itbutton.pledge a:hover {
+.read_itbutton.pledge span:hover {
   text-decoration: none;
 }
-.read_itbutton.pledge a:hover {
+.read_itbutton.pledge span:hover {
   text-decoration: none;
   color: #3d4e53;
 }
diff --git a/static/less/book_panel.less b/static/less/book_panel.less
index 58782297..945c586f 100644
--- a/static/less/book_panel.less
+++ b/static/less/book_panel.less
@@ -209,7 +209,7 @@ div.panelview.side2  {
 /* White-background action buttons; vary by state of campaign */
 .read_itbutton {
 	.readit;
-	a {
+	span {
 		.readit_inner(30px, 40px);
 		background: url("@{image-base}book-panel/book_icon.png") no-repeat 10% center;
 
@@ -217,7 +217,7 @@ div.panelview.side2  {
 	}
 	
 	&.pledge {
-		a {
+		span {
 			.readit_inner(25px, 35px);
 			background: none;