div里好几张图片，怎么只显示一张图片，谢谢
<table style="width:100%">
      <tr>
       <td colspan="2">
         <div id="imgContainer" style="width:1024px; height:256px">
            <img src="Image/1.jpg"/>
            <img src="Image/2.jpg"/>
            <img src="Image/3.jpg"/>
            <img src="Image/4.jpg"/>
         </div> 
      </td>
     </tr>
    </table>
如果加入table在设计的时候就可以只显示第一张图片，其他的都看不见，但是如果去掉table ，如下：
 <div id="imgContainer" style="width:1024px; height:256px">
            <img src="Image/1.jpg"/>
            <img src="Image/2.jpg"/>
            <img src="Image/3.jpg"/>
            <img src="Image/4.jpg"/>
  </div> 
则四张图片依次竖着显示在设计页面中，影响页面其他的设计。想不用table，只用div 也可以实现用table时的效果即：在设计的时候只显示第一张图片，其他的都看不见，怎么设置， 谢谢

希望高手们给解决，对CSS是新手，谢谢
------解决方案--------------------
按照我的理解，你可以使用 <ul><li> 无序列表来显示这几张图片，因为这样更加语义化。你可以这样写，
<ul>
    <li><img src="Image/1.jpg"/></li>
</ul>
一个一个来引入四张图片，然后通过 Css 来控制第一个 li 显示，而其他 li 设定为 display:none; 隐藏掉，这样就可以实现只显示一张图片啦。。希望对你有所帮助，有什么问题欢迎关注我，一起探讨哈！我也是新手！
------解决方案--------------------
jquery新闻图片切换
------解决方案--------------------
在div里面进行绝对定位   利用z-index 属性

#img1{position:absolute; top:0px; left:0px; z-index:0}

#img2{position:absolute; top:0px; left:0px; z-index:0}

#img3{position:absolute; top:0px; left:0px; z-index:0}

#img4{position:absolute; top:0px; left:0px; z-index:0}

------解决方案--------------------
http://blog.sina.com.cn/s/blog_6f2edfe601016xje.html
用这个  我一直都是用的这个