Alinear a la derecha una UL en línea que está dentro de un div

Question

Tengo una salida de paginación que se muestra dentro de

. Un ejemplo está publicada aquí: http://jsfiddle.net/6N4bD/1/

La ul se envuelve alrededor de 2 divs

primera div es de 550 ancho 2ª div llamados "paginationDiv" básicamente envuelve la ul alrededor

La ul ha list-style : ninguna. Lo que trato de hacer es hacerlo flotar bien, pero sigue apareciendo como un bloque. He intentado bastantes cosas pero nada parece funcionar. Si añado un ancho a la paginationDiv entonces funciona pero no es exacta debido a que nunca se fijará la anchura

Esto es lo que parece:

<div class="parentDiv"> 
    <div class="paginationDiv"> 
     <ul id="paginationLinks"> 
     <li>Page 1</li> 
     <li>Page 2</li> 
     </ul> 
    </div> 
</div> 

Ese es el código html

Aquí es el css:

div.parentDiv { 
    width: 550px; 
} 
div.paginationDiv { 
    float: right; 
} 
#paginationLinks ul { 
    border: 0; 
    padding: 0; 
    margin: 0; 
} 
#paginationLinks li { 
    list-style: none; 
} 

he publicado un ejemplo aquí: http://jsfiddle.net/6N4bD/1/

Answer 1

dan a float:left#paginationLinks li y luego ver el resultado

Answer 2

Lo que parece funcionar es la adición de display: inline; a los elementos li.

http://jsfiddle.net/XFdqT/ tiene una demostración de esto.