title: Can't right align pagination div
body: <p>edit: I just removed what I had before, but I found out where the previous coder took this code from and I thought this would better ask my question. I'm trying to right align this pagination and it does not align properly.</p>
  
  <p>here is a fiddle:<a href="http://jsfiddle.net/Zd8sC/5/" rel="nofollow">http://jsfiddle.net/Zd8sC/5/</a> 
  here is the code:
  html:</p>
  
  <pre><code>&lt;ul id="pagination-clean"&gt;
  &lt;li class="previous-off"&gt;«Previous&lt;/li&gt;
  &lt;li class="active"&gt;1&lt;/li&gt;
  &lt;li&gt;&lt;a href="?page=2"&gt;2&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="?page=3"&gt;3&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="?page=4"&gt;4&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="?page=5"&gt;5&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="?page=6"&gt;6&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="?page=7"&gt;7&lt;/a&gt;&lt;/li&gt;
  &lt;li class="next"&gt;&lt;a href="?page=2"&gt;Next »&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>ul{border:0; margin:0; padding:0;}
  
  #pagination-clean li{
  border:0; margin:0; padding:0;
  font-size:11px;
  list-style:none;
  }
  #pagination-clean li, #pagination-clean a{
  border:solid 1px #DEDEDE
  margin-right:2px;
  }
  #pagination-clean .previous-off,
  #pagination-clean .next-off {
  color:#888888
  display:block;
  float:left;
  font-weight:bold;
  padding:3px 4px;
  }
  #pagination-clean .next a,
  #pagination-clean .previous a {
  font-weight:bold;
  border:solid 1px #FFFFFF;
  } 
  #pagination-clean .active{
  color:#00000
  font-weight:bold;
  display:block;
  float:left;
  padding:4px 6px;
  }
  #pagination-clean a:link,
  #pagination-clean a:visited {
  color:#0033CC
  display:block;
  float:left;
  padding:3px 6px;
  text-decoration:none;
  }
  #pagination-clean a:hover{
  text-decoration:none;
  }​
  </code></pre>