diff --git a/koha-tmpl/opac-tmpl/prog/en/css/opac.css b/koha-tmpl/opac-tmpl/prog/en/css/opac.css
index 898e0aaf9d..c6a837c9a2 100755
--- a/koha-tmpl/opac-tmpl/prog/en/css/opac.css
+++ b/koha-tmpl/opac-tmpl/prog/en/css/opac.css
@@ -2177,36 +2177,39 @@ a.koha_url {
     background-color:#D9D9D9;
 }
 .nav_results ul.pg_menu {
-    height:25px;
     border-top: 1px solid #D0D0D0;
+    white-space : nowrap;
 }
 .nav_results ul.pg_menu li {
     color:#B2B2B2;
-    display:block;
-    float:left;
-    padding:5px 0;
+    display:inline;
     list-style:none;
-    text-align:center;
+    margin: 0;
 }
-.nav_results ul.pg_menu li.back_results {
-    padding:5px 0px;
-    width:45%;
+.nav_results ul.pg_menu li.back_results a {
     border-left: 1px solid #D0D0D0;
     border-right: 1px solid #D0D0D0;
 }
-.nav_results ul.pg_menu li a {
+.nav_results ul.pg_menu li a,
+.nav_results ul.pg_menu li span {
+	background-color: #F3F3F3;
+	display : block;
+    float:left;
+    padding:.4em .5em;
     text-decoration:none;
     font-weight:normal;
-    color:#4D4D4D;
+    text-align:center;
 }
+
+.nav_results ul.pg_menu li span {
+	color : #B2B2B2;
+}
+
+.nav_results ul.pg_menu li.left_results a {
+	padding-left : 0;
+}
+
 .nav_results ul.pg_menu li a:hover {
-    color:#006699;
-}
-.nav_results ul.pg_menu li.left_results {
-    margin-right:10px;
-}
-.nav_results ul.pg_menu li.right_results {
-    margin-left:10px;
 }
 
 .nav_results #listResults{
diff --git a/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt b/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt
index 3175d47943..d1b65705ab 100755
--- a/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt
+++ b/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt
@@ -994,11 +994,11 @@ YAHOO.util.Event.onContentReady("furtherm", function () {
 <div id="ulactioncontainer" class="container">
 [% IF ( busc ) %]
     <div class="nav_results">
-        <div class="l_Results">[% IF ( listResults ) %]<a href="#" id="a_listResults" title="Show pagination list ([% indexPag %]-[% indexPagEnd %] / [% totalPag %])">Browse results</a>[% ELSE %]Browse results[% END %]</div>
-        <ul class="pg_menu">
-            <li class="left_results">[% IF ( previous ) %]<a href="[% previous %]" title="See: [% IF ( previousTitle ) %][% previousTitle |html %][% ELSE %]previous biblio[% END %]">&laquo; Previous</a>[% ELSE %]Previous[% END %]</li>
+        <div class="l_Results">[% IF ( listResults ) %]<a href="#" id="a_listResults" title="Show pagination list ([% indexPag %]-[% indexPagEnd %] / [% totalPag %])">Browse results</a>[% ELSE %]<span>Browse results</span>[% END %]</div>
+        <ul class="pg_menu clearfix">
+            <li class="left_results">[% IF ( previous ) %]<a href="[% previous %]" title="See: [% IF ( previousTitle ) %][% previousTitle |html %][% ELSE %]previous biblio[% END %]">&laquo; Previous</a>[% ELSE %]<span>Previous</span>[% END %]</li>
             <li class="back_results"><a href="opac-search.pl?[% busc %]" title="Back to the results search list">Back to results</a></li>
-            <li class="right_results">[% IF ( next ) %]<a href="[% next %]" title="See: [% IF ( nextTitle ) %][% nextTitle |html %][% ELSE %]next biblio[% END %]">Next &raquo;</a>[% ELSE %]Next[% END %]</li>
+            <li class="right_results">[% IF ( next ) %]<a href="[% next %]" title="See: [% IF ( nextTitle ) %][% nextTitle |html %][% ELSE %]next biblio[% END %]">Next &raquo;</a>[% ELSE %]<span>Next</span>[% END %]</li>
         </ul>
         [% IF ( listResults ) %]
         <div class="pagination">