[CSS]wycentrowanie obrazka w divie Opcje

[jacobson]

Witam, mam problem z wycentrowaniem obrazka w divie. Robie galerie i wyswietlam w niej thumbnaile (generowane odpowiednie rozmiary w zaleznosci od rozmiarow obrazka). I teraz mam tak :

[PHP] pobierz, plaintext 
 <div id="gallery">
        <?php
        foreach ($gallery_images as $item) {
            if ($item['cathegory'] == $this->uri->segment(2)) {
                ?>
        <div class="image_box"><a href="<?php echo $item['url'] ?>" ><img src="<?php echo $item['thumb_url']; ?>" /></a></div>
                <?php
            }
        }
        ?>
    </div>
[PHP] pobierz, plaintext 

gallery to jest nadrzedny ktory utrzymuje cala galerie, nastepnie mam boxa "image_box" o ustalonych rozmiarach 200px x 200px. I wewnatrz tego boxa mam zdjecie ktore wlasnie chce wycentrowac

[CSS] pobierz, plaintext 
#gallery{
    clear:left;
    float:left;
    margin: 50px 0 0 0;
    width: 935px;
    background: #f7f7f7;
    border: 1px solid #cccccc;
}
#gallery img{
    float:left;
    margin: 0 auto; (to nie dziala - probowalem text-align:center - tez nie dzialalo)
}
.image_box{
    float:left;
    width: 200px;
    height: 200px;
    margin: 20px 20px;
}
[CSS] pobierz, plaintext 

Czy ktos moze moglby cos podpowiedziec ? Oczywiscie moge probowac na "sztywno" centrowac obrazki ale problem pojawia sie wlasnie kiedy thumbnaile maja rozne rozmiary (jeden kwadrat inny w pionie prostokat, inny w poziomie). W takich wypadkach te obrazki dalej sie rozjezdzaja ...

Z gory dzieki za pomoc,
pozdrawiam

[vokiel]

Float wyjmuje obiekt z obiegu w dokumencie, zatem margines wtedy nie zadziała, bo obiekt tak jakby się unosi ponad sceną.
Jeśli chcesz obiekty obok siebie, to nadaj im inny display, porzuć float.

[jacobson]

no ok, odnoszac sie do tego co napisales, zmienilem plik css jednak ciagle nic

[CSS] pobierz, plaintext 
#gallery{
    margin: 50px 0 0 0;
    width: 935px;
    background: #f7f7f7;
    border: 1px solid #cccccc;
}
.image_box{
    width: 200px;
    height: 200px;
    margin: 20px 20px;
    display: inline-block;
}
.image_box img{
    margin: 0 auto;
}
[CSS] pobierz, plaintext 

nawet udalo mi sie przy img src ustalic w stylu wysokosc i szerokosc obrazka (getimagesize()) - bardzo obciazajace
i nawet to ze mam jego wymiary ustalone na "sztywno w stylu" nic mi nie daly :/

[vokiel]

Daj to gdzieś na żywo