Question

With the top-feature-faq and the mid-feature-faq there is excessive width between the 2 divs.

Here is the CSS for that: In this example the top-feature-faq has position:relative

#top-feature-faq 
{
height:330px;
width: 800px;
margin: 12px 0 0 17px;
background: red;
position: relative;
overflow:hidden;
text-align: left;
}
#mid-feature-faq
{
margin:350px 0 0 17px;
width:800px;
height:318px;
background-color:Olive;
position:relative;
overflow:hidden;
clear: both;
}

<div id="top-feature-faq">
    <div style="clear: both;">
    </div>
</div>
<<div id="mid-feature-faq">
    <div style="clear: both;">
    </div>
</div>

Answer 1

Simple. You have a clearing div between the containers on the page with the problem. That means that the 350px top margin starts at the clearing div instead of the top of the container.

Remove:

<div style="clear: both;"></div>

Between top-feature-faq and mid-feature-faq or change the top margin on mid-feature-faq.