центрирование изображения с позицией CSS абсолютной

Question

У меня есть 3 изображения внутри DIV и что DIV внутри другого DIV ... как так

<div class="contentImages"> 

<div id="slideshow"> 

<img src="upload/<?php echo $array['image'] ?>" height="200" class="active" /> 

<img src="upload/<?php echo $array['image2'] ?>" height="200" /> 

<img src="upload/<?php echo $array['image3'] ?>" height="200" /> 

</div> 
</div> 

если вы Гото http://www.willruppelglass.com/ вы можете увидеть, что его слайд-шоу и изображения не по центру внутри DIV и это выглядит ужасно ...

(мой первоначальный план был иметь изображения прикрепления, но я не уверен, если это возможно ... это?)

Здесь является CSS для слайд-шоу

#slideshow { 
    position:relative; 
    height:200px; 
} 

#slideshow IMG { 
    position:absolute; 
    top:0; 
    left:0; 
    z-index:8; 
    opacity:0.0; 
} 

#slideshow IMG.active { 
    z-index:10; 
    opacity:1.0; 
} 

#slideshow IMG.last-active { 
    z-index:9; 
} 

#slideshow, #slideshow2, #slideshow3 { 
    overflow:hidden; 
    float:left; 
    width:250px; 
} 

и CSS для изображений контента

.contentImages{ 
    border:1px solid #CCC; 
    padding:10px; 
    margin:20px auto 0; 
    position:relative; 
    width:750px; 
    overflow:hidden; 
} 

Я надеюсь, что это имеет смысл, этот вопрос был пристанет меня в течение нескольких дней,

Answer 1

Вот страница для вас: http://www.w3.org/Style/Examples/007/center

Также , Я предлагаю вам создавать эскизы изображений. Для их загрузки требуется много времени, и слайд-шоу переключается несколько раз, прежде чем загружать все изображения.