I am having an issue with the placement of a div (.section-page-layout). The margin is set to (margin-top:-200px), causing the div to go under another div (.section-page-header) when it should actually be going over it. I have uploaded the code to a demo link for you to view using Firebug or any other debugging tool. Feel free to take a look at the code I have included below.
Thank you in advance for your help!
CSS CODE
/* Header */
.section-page-header {
background: url("../img/frontcover.jpg") no-repeat;
background-size: cover;
width: auto;
height: auto;
min-height: 727px;
min-width: 1280px;
}
.section-page-header-title_container {
width: 1280px;
position: relative;
margin: 0 auto;
}
......
......
HTML CODE
<!-- ===============
=== Section Page Template
=============== -->
<header class="section-page-header">
<div class="section-page-header-title_container">
<div class="section-page-header-title">
.....
</div>
</div>
</header>
<section class="section-page-layout-container">
<div class="section-page-layout">
....
</div>
.....