Hola, tengo un div dentro del cual hay 3 divs mas, uno de los tres es el contenedor de números de paginación, por ende su ancho es auto, al igual que el div contenedor; los otros 2 div son los botones anterior y siguiente, la cosa es que para tenerlos uno junto al otro tienen float:left y no hallo la manera de tenerlos centrados, he tratado de todo pero nada, sigue alineado a la izquierda del contenedor... dejo el código para ver si alguno puede darme una mano.

Código CSS :

#container {
position:relative;
display: block;
height: auto;
width: 950px; 
margin: 0 auto;
background-color:transparent;
overflow: hidden;
}

#paginationbox {
display:inline-block;
height: 40px;
width: auto;
margin-top:20px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}

#pagination {
height: auto;
width: auto;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: center;
font-weight:300;
float:left;
padding-top:3px;
}

.arrowant {
width:103px;
height:36px;
background-image:url(../images/ant_arrow.png);
background-repeat:no-repeat;
float:left;
padding-top:3px;
}

.arrowsig {
width:103px;
height:36px;
background-image:url(../images/sig_arrow.png);
background-repeat:no-repeat;
float:left;
padding-right:20px;
padding-top:3px;
}


y el html

Código HTML :

<div id="container">
    <div id="paginationbox">
      <?php
         if($pag>1)
              echo
              "<div class='arrowant'>
                 <a href='almacenes.php?id=$currentid&pag=$pagAnt'>Anterior</a>
                 </div>"
      ?>
    <ul id="pagination">
      <?php
         $totalPag = ceil($total/$limit);             
         for( $i=1; $i<=$totalPag ; $i++){
             if ($i==$pag)
                 echo $i ." ";
             else                
            echo "<a href='almacenes.php?id=$currentid&pag=$i'>$i</a> ";
         }?>
    </ul>
     <?php 
         if($pag<$totalPag)
            echo
             "<div class='arrowsig'>
                 <a href='almacenes.php?id=$currentid&pag=$pagSig'>Siguiente</a>
             </div>"              
      ?>
</div>
</div>