Правка CSS в UberPageBreak

Подскажите как сдвинуть вместе кнопки?
Так должно быть:
demo


Здесь не выходит:
My


css

Код (CODE):

1. /* Common */
2. a:active,
3. a:focus {outline:0;}
4. .clr {clear:both;height:0;line-height:0;margin:0;padding:0;float:none;}
5.  
6. /* TOC */
7. div#pageBreakTOC {clear:both;margin:0;padding:0 0 8px 0;background:#fff;}
8.     div#pageBreakTOCHeader {display:none;}
9.    
10.     div#pageBreakTOC ul {list-style:none;padding:3px 4px 3px;margin:0;border-bottom:1px solid #ccc;}
11.     div#pageBreakTOC ul li {display:inline;padding:5px 8px 3px;margin:0;border:1px solid #ccc;background:#fff url(../images/tabBackground.png) repeat-x bottom;}
12.     div#pageBreakTOC ul li a {}
13.     div#pageBreakTOC ul li a:hover {}
14.    
15.     div#pageBreakTOC ul li.even {}
16.     div#pageBreakTOC ul li.odd {}
17.    
18.     div#pageBreakTOC ul li.active {border-bottom:1px solid #fff;;background:#fff;}
19.     div#pageBreakTOC ul li.active a {font-weight:bold;color:#C7453B;}
20.  
21.     span#pageBreakNavigationPrevNext {display:block;float:right;width:150px;text-align:center;font-size:11px;color:#777;padding:4px 0 0 0;}
22.     span#pageBreakNavigationPrevNext a {}
23.     span#pageBreakNavigationPrevNext a:hover {}
24.     span#pageBreakNavigationPrevNext a span {}
25.    
26.     #pageBreakTOCFooter {text-align:center;padding:0 4px;}
27.     #pageBreakTOCFooter a {text-align:center;}
28.     #pageBreakTOCFooter a:hover {}
29.     .pageBreakTOCFooterLink {font-weight:bold;color:#C7453B;}
30.  
31. /* Navigation */
32. div#pageBreakNavigation {clear:both;text-align:center;padding:16px;margin:16px 0 0 0;border-top:1px dotted #ccc;}
33.      span.pagination {display:block;text-align:center;}
34.      span.pagination a {padding:3px 6px 2px;border:1px solid #eee;background:#fff;margin:0 2px;}
35.      span.pagination a:hover {text-decoration:none;background:#0C3A6D;border:1px solid #0C3A6D;color:#eee;}
36.      span.pagination strong span {padding:3px 6px 2px;border:1px solid #ddd;background:#fff;margin:0 2px;color:#C7453B;}
37.      div#pageBreakNavigation div.pageBreakCounter {padding:4px;text-align:center;font-size:11px;color:#BBBBBB;}
38.  
39. /* END */

Сам код кнопок:

Код (CODE):

1. <div id="pageBreakTOC">
2.     <div id="pageBreakTOCHeader">
3.         Оглавление    </div>
4.  
5.     <span id="pageBreakNavigationPrevNext">
6.                 <span class="navPrev">&laquo; Пред.</span>
7.        
8.                 <span id="pageBreakTOCFooter">
9.             <a class="pageBreakTOCFooterLink" href="/extensions.html?showall=1">Все стр.</a>
10.         </span>
11.        
12.                 <a href="/extensions.html?start=1"><span class="navNext">След. &raquo;</span></a>
13.            
14.     </span>
15.  
16.    
17.     <ul>
18.         <li class="even active"><a href="/extensions.html">Расширения</a></li>
19.                 <li class="odd"><a href="/extensions.html?start=1">Компоненты</a></li>
20.                 <li class="even"><a href="/extensions.html?start=2">Модули</a></li>
21.                 <li class="odd"><a href="/extensions.html?start=3">Плагины</a></li>
22.                 <li class="even"><a href="/extensions.html?start=4">Пакеты локализаций</a></li>
23.  
24.             </ul>
25.     <div class="clr"></div>
26. </div>