I am struggling to get things aligned correctly. Currently, I have two background image divs for content and a footer. My goal is to anchor the form to the top of div_11, but it keeps ending up at the bottom and causing parts of it to be hidden.
<div id="index-11_">
<img src="xxx/ttt.jpg" alt="" width="1012" height="295" align="top" id="index_11" />
<form>
<div class="form">FORM CODE</div>
</form>
</div>
<div id="index-12_">
<img id="xxx/ccc.png" width="100" height="592" alt="" />
</div>
Below is the CSS code:
#index-11_ {
position:absolute;
left:88px;
top:158px;
width:1012px;
height:295px;
}
div.box {
position:relative;
background:#222222;
width: 600px;
margin-left:auto;
margin-right:auto;
border:1px solid #262626;
}
#index-12_ {
position:absolute;
left:1100px;
top:158px;
width:100px;
height:592px;
}