Center <div>

Hej Eksperter

Jeg har været igang med at rode med at få min float centeret så det ser noget pænere ud.
lige nu starter den bare fra venstre side helt ud til browseren og så ender med et mellemrum fra browseren, vil helst gerne have lige meget loft fra begge sider.
Min kode:

<style type="text/css">
        #container
        {
            text-align:center;
            margin:0 auto;
            display:table;
        }
        #container div
        {
            float:left;
            padding:5px;
            display:cell;
        }
        </style><div id="container">
    <?php do { ?>
      <?php
if($row_rsIb_arkiv_billeder['solgt'] == NULL) {
                   
            echo '<div>';
            echo '<a href="../Uploads/'.$row_rsIb_arkiv_billeder['billednavn'].'" rel="lightbox[roadtrip]">';
                    echo '<img height="140" width="166"  src="../Uploads/thumbs/'.$row_rsIb_arkiv_billeder['billednavn'].'">';
                    echo '</div>';
                   
                      } ?>
      <?php } while ($row_rsIb_arkiv_billeder = mysql_fetch_assoc($rsIb_arkiv_billeder)); ?>

Håber der er nogen der kan hjælpe.
Har kigget en del på nettet men ser ikke ud til a virke for mig.

Med venlig hilsen
Morten