IMG重叠DIV

Question

我正在尝试让我的页脚位于我的图片滑块下方。出于某种原因，图像滑块与页脚重叠。有人可以帮帮我吗？

我的页脚css：

.footer p {
color: #78A7C4;
text-transform: uppercase;
font-weight:bold;
text-align: center;
border: 1px solid #ccc;
border-width: 1px 0;
padding: 10px;
text-align: center;
}

我的滑块css：

.wrapper {
position: relative;
}

#slider img {
width: 958px;
height: 420px;
border: 1px solid #ccc;
display: none;
position: absolute;
text-align: center;
overflow: hidden;
}

HTML：

 <div id="slider">
 <img id="1" alt="start" src="images/slide_1.jpg">
 <img id="2" alt="1" src="images/slide_2.jpg">
 <img id="3" alt="2" src="images/slide_3.jpg">
 <img id="4" alt="3" src="images/slide_4.jpg">
 <img id="5" alt="4" src="images/slide_5.jpg">
 <img id="6" alt="5" src="images/slide_6.jpg">
 </div>

 <div class="footer">
 <p>© 2013-2014 Crusade Ltd. All rights reserved.</p>
 </div>