pq no funciona el float?

[etanol]

Hola a todos:
Aunque el título del tema no es muy acertado, no sabía que escribir en tan poco espacio.

Vereis, mi problema es muy simple, pero no logro dar con el error.
Se trata de unos enlaces en div que van seguidos de guiones pero los div los coloca abajo seguidos y sin guiones.

Este es el código CSS:

Código HTML:

a.paginacion { 
float: left;
display: block;
background-color:#B35A5E;
padding: 0.5em;
color: #ffffff; 
height: 100%; 
text-decoration: none; 
text-align: center;
font-size:12; 
border: solid 2px;
border-top-color: #B35A5E;
border-bottom-color: #4D2628;
border-left-color: #B35A5E;
border-right-color: #4D2628;

} 
a.paginacion:hover { 
float: left;
display: block;
text-decoration: none; 
text-align: center;
font-size:12;
background-color: #E4BC83; 
border: solid 2px;
color: #000000;
border-top-color: #8E2800;
border-bottom-color: #FFB966;
border-left-color: #8E2800;
border-right-color: #FFB966;

} 

Este es el código HTML:

Código HTML:

<div>P&aacute;ginas: 1 - 
<a class="paginacion" href="2.htm">2</a> - 
<a class="paginacion" href="3.htm">3</a> - 
<a class="paginacion" href="4.htm">4</a> 

Gracias y un saludo