当我按照这种方式编程时，为什么我的幻灯片div不会居中？

Question

我正在寻找我的幻灯片放在屏幕中央的最大尺寸，然后根据用户的屏幕宽度重新调整大小。到目前为止，这是我的代码：

HTML

<div id="slideshow">

                <div>

                    <a href="#"><img style="width: 100%;" border="none" src="slide_1.png"></a>

                </div>

                <div>

                    <a href="#"><img style="width: 100%;" border="none" src="slide_2.png"></a>

                </div>

                <div>

                    <a href="#"><img style="width: 100%;" border="none" src="slide_3.png"></a>

                </div>

</div> 

CSS

#slideshow { 

    display: block;

    margin-left: auto;

    margin-right: auto;

    margin-top: 60px;

}

#slideshow > div { 

    position: absolute; 

}

在我的index.html中，我已指定如果用户的设备是1400px或更高，则文件将链接到一个样式表，如果用户的设备是1399px或更少，则它将链接到另一个样式表。我的幻灯片图片宽度均为900像素;因此，如果用户的窗口大于900px但小于或等于1399，则幻灯片不会填满整个屏幕。我的问题是，当我专门编程时，为什么div不显示中心？以下是我网站的链接（http://www.codesrce.com），如果您想了解我的意思，请将浏览器的尺寸重新调整为小于1400px，大于900px。