Here is my code, I need section_top_1000 to be resting on top of section_top_1400 but I am not sure what to change or add. Thank you in advance for your help.


Source
<body>
<div id="container">
<div id="section_top_1400">
<div id="header">
<div id="header_left">
</div>
<div id="header_right">
<img src="images/facebook_32.png" width="29" height="26" />
<img src="images/twitter_32.png" width="29" height="26"/>
</div>
</div>
</div>
<div id="section_top_1000">
<div id="top-menu">
<ul class="menu">
<li><a href="">Director</a></li>
<li><a href="">Artists</a></li>
<li><a href="">Gallery</a></li>
<li><a href="">News</a></li>
</ul>
</div>
</div>
<div id="divider">
</div>
</div>
</body>



CSS
#section_top_1400{
width: 1400px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/hp-mainimage_070113.jpg);
height: 1000px;
}
#section_top_1000{
width: 1000px;
margin-left: auto;
margin-right: auto;
height: auto;
background-color: transparent;