Search Bar Overlaps Navigation when Resizing Window - html

Question

I have this page: http://www.bkd.com/industries/private-equity/think-differently.htm. Before I implement this throughout the entire site I want to have it workable when resizing a window, looking at it on a phone or tablet.
When you resize the window or look at in a tablet the search bar is overlapping the navigation words in the gray bar. (Industries, Services, Thoughtware, Client Success)
I am needing it all to stay where it is when the window is resized or when looking at it on a tablet.
I apologize in advance for all the HTML. The navigation was built by a previous employee.
CSS
ul.meg-menu {
position:absolute;
padding:0px;
margin: 0px;
line-height:17px;
}
ul.meg-menu li.mgmu {
float:left;
}
ul.meg-menu li.mgmu a.hov1, ul.meg-menu li.mgmu a.hov2, ul.meg-menu li.mgmu a.hov3, ul.meg-menu li.mgmu a.hov4 {
float:left;
padding: 25px 21px 10px 10px;
}
ul.meg-menu li.mgmu div.meg-dd {
display: none;
background:url(/images/common/mdd/mdd-bg.png) no-repeat bottom ;
left:-240px;
padding: 15px 15px 20px 15px;
position: absolute;
top: 77px;
width: 926px;
}
ul.meg-menu li.mgmu div.meg-dd ul {
padding: 0px 10px 0px 0px;
}
ul.meg-menu li.mgmu div.meg-dd h4 {
padding-left: 0px;
line-height: normal;
margin-bottom:5px;
font-weight:bold;
color: #404040;
}
ul.meg-menu li.mgmu div.meg-dd h4 a {
color: #404040;
}
ul.meg-menu li.mgmu div.meg-dd a {
color: #404040;
}
ul.meg-menu li.mgmu div.meg-dd .bd-right {
border-right: solid 1px #cccccc;
}
ul.meg-menu li.mgmu div.meg-dd .bd-bottom {
border-bottom: solid 1px #cccccc;
}
ul.meg-menu li.mgmu div.meg-dd .bd-top {
border-top: solid 1px #cccccc;
}
ul.meg-menu li.mgmu div.meg-dd a:hover {
color: #b32017;
text-decoration:none;
}
ul.meg-menu li.hovering div.meg-dd {
display: block;
}
ul.meg-menu li.hovering.mgmu a.hov1, ul.meg-menu li a.hov1:hover { background: url(/images/common/mdd/services-hover.png) top center no-repeat;}
ul.meg-menu li.hovering.mgmu a.hov2, ul.meg-menu li a.hov2:hover { background: url(/images/common/mdd/industries-hover.png) top center no-repeat;}
ul.meg-menu li.hovering.mgmu a.hov3, ul.meg-menu li a.hov3:hover { background: url(/images/common/mdd/thoughtware-hover.png) top center no-repeat;}
ul.meg-menu li.hovering.mgmu a.hov4, ul.meg-menu li a.hov4:hover { background: url(/images/common/mdd/thoughtware-hover.png) top center no-repeat;}
.mdd-video {font-size:11px; text-align:center;}
.mdd-video p {margin: 0px; padding: 0px;}
HTML
`<div class="clear"></div>
<div class="span-8"> <a class="left" style="padding: 0px 0px 0px 0px; margin-left: 110px;" href="/"><img src="/images/common/header/logo.png" border="0"></a> </div>
<div class="span-0" style="padding:5px 0px 0px 80px">
<ul style="z-index:2000;" class="meg-menu">
<li class="mgmu" ><a class="hov1" href="/services/services.htm"><img alt="Services" src="/images/common/mdd/services.png" style="padding-right:20px" ></a>
<div class="meg-dd">
<div style="width:150px; margin-left:5px" class="span-0 mr-rt-3 ">
<h4 >Audit & Assurance</h4>
<ul>
<li>Assurance</li>
<li>Lease Accounting</li>
</ul>
<h4 ><strong>Tax</strong></h4>
<ul>
<li>Accounting Outsourcing</li>
<li>Estate Tax</li>
<li>International Tax</li>
<li>State & Local Tax</li>
<li>Real Estate Cost Segregation</li>
<li>R&D Tax Credits</li>
<li>Repair Regulations</li>
<li>Transfer Pricing</li>
</ul>
</div>
<div style="width:200px; margin-left:5px" class="span-0 mr-rt-3 ">
<div style="width:715px"> <h4>Advisory </h4></div>
<ul>
<li><strong>Business Transition Services</strong>
<ul>
<li>Mergers & Acquisitions</li>
<li>Company Sales & Divestitures</li>
<li>Management Buyouts</li>
<li>Debt & Equity Financing</li>
<li>Succession Planning & Value</li>
<li>Recapitalizations</li>
<li>Transaction Services</li>
<li>Business Owner Succession</li>
<li>Exit Strategies</li>
<li>ESOP Succession Planning</li>
</ul>
</li>
</ul>
</div>
<div style="width:210px; margin-left:5px" class="span-0 mr-rt-3 ">
<br /><br />
<ul>
<li><strong>Wealth Management</strong>
<ul>
<li>Financial Planning</li>
<li>Retirement Planning</li>
<li>Education Funding</li>
<li>Estate Planning</li>
<li>Investment Management</li>
<li>Charitable Gift Strategies</li>
<li>Benefit Plan Consulting</li>
<li>WealthPlan</li>
<li>Tax Strategies</li>
<li>Risk Management</li>
</ul>
</li>
</ul>
</div>
<div style="width:260px; margin-left:5px" class="span-0 "><br />
<br />
<h4>Employee Benefit Plans</h4>
<h4>Forensics, Investigation, Litigation</h4>
<h4>Enterprise Risk Solutions</h4>
<h4>Information Technology</h4>
<h4>International Services</h4>
<h4>Performance Services</h4>
<h4>Valuation Services</h4>
</div>
</div>
</li>
<li class="mgmu"><a class="hov2" href="/industries/"><img alt="Industries" src="/images/common/mdd/industries.png" style="padding-right:20px"></a>
<div class="meg-dd">
<div style="width:230px; margin-left:5px" class="span-0 mr-rt-3 ">
<h4 >Health Care</h4>
<ul>
<li>Community Health Centers</li>
<li>Compliance & Corporate Integrity</li>
<li>Forecasts & Strategic Planning</li>
<li>Home Care & Hospice</li>
<li>Hospitals</li>
<li>Long-Term Care & Senior Living</li>
<li>Operations & Clinical Consulting</li>
<li>Physician Services</li>
</ul>
<h4 >Manufacturing & Distribution</h4>
<ul>
<li>Operations Consulting</li>
<li>Performance Measurement</li>
</ul>
<h4>Private Equity</h4>
<ul>
<li>Transaction Services</li></ul>
</div>
<div style="width:210px; margin-left:5px" class="span-0 mr-rt-3 ">
<h4 >Energy</h4>
<ul>
<li>Exploration & Production</li>
<li>Oilfield Services</li>
<li>Midstream & Downstream</li>
<li>Power</li>
<li>Vendor Audit Services</li>
</ul>
<h4 >Financial Services</h4>
<ul>
<li>De Novo Banks</li>
<li>Enterprise Risk Management</li>
<li>Financial Restructuring</li>
<li>Internal Audit</li>
<li>Loan Reviews</li>
<li>Profitability Enhancement</li>
<li>Regulatory Compliance</li>
<li>Strategic Financial Planning</li>
<li>Tax Services</li>
</ul>
</div>
<div style="width:220px; margin-left:5px" class="span-0 mr-rt-3 ">
<h4 >Not-for-Profit</h4>
<ul>
<li>Foundations</li>
<li>Membership Organizations</li>
<li>Religious Organizations</li>
</ul>
<h4 >Government</h4>
<ul>
<li>Airport & Transportation Authorities</li>
<li>Municipal & State Government</li>
<li>Public Power & Utilities</li>
<li>Tribal Government</li>
</ul>
<h4>Higher Education</h4>
<ul>
<li>Managing Reputational Risk</li></ul>
<h4 >Construction & Real Estate</strong></h4>
<ul>
<li>Architecture & Engineering</li>
<li>Construction</li>
<li>Real Estate</li>
</ul>
</div>
<div style="width:180px; margin-left:5px" class="span-0 ">
<h4>Dealerships</h4>
<h4>Individuals</h4>
<h4>Insurance Services</h4>
<h4>Retail</h4>
<h4>Service Organizations</h4>
<h4>Technology & Communications</h4>
<h4>Transportation & Logistics </h4>
</div>
</div>
</li>
<li class=" mgmu"><a class="hov3" href="/thought-center/"><img alt="Though Center" src="/images/common/mdd/thoughtware.png" style="padding-right:20px"></a>
<div class="meg-dd">
<div style="width:240px; margin-left:5px" class="span-0 mr-rt-3 ">
<h4>Articles </h4>
<ul style="margin-bottom:5px;">
<li><strong>Industry</strong>
</li>
<li><strong>Tax</strong> </li>
<ul>
<li>State & Local Tax</li>
<li>International Tax</li>
</ul>
<li><strong>Accounting & Auditing</strong> </li>
<li><strong>Advisory</strong>
<ul>
<li>Forensics, Investigation & Litigation</li>
<li>Information Technology</li>
<li>Wealth Management</li>
<li>IT Risk Services</li>
</ul>
</li>
<li><strong>Software</strong> </li>
</ul>
</div>
<div style="width:170px; margin-left:5px" class="span-0 mr-rt-3 ">
<h4>Webinars </h4>
<ul>
<li>Construction & Real Estate</li>
<li>Financial Services</li>
<li>Government</li>
<li>Health Care</li>
<li>Higher Education</li>
<li>Insurance Services</li>
<li>Manufacturing & Distribution</li>
<li>Not-for-Profit</li>
<li> Forensics Institute</li>
<li>Forensics & Valuation</li>
<li>Microsoft Dynamics</li>
<li>Sage Software</li>
</ul>
</div>
<div style="width:150px; margin-left:5px" class="span-0 mr-rt-3 ">
<h4>Blogs</h4>
<ul>
<li>BKD Forensics </li>
<li>Dynamics GP </li>
<li>Sage ERP Insights </li>
</ul>
<h4>Videos</h4>
<ul>
<li>Industry Insights</li>
<li>Market Insights</li>
<li>Technologies</li>
</ul>
</div>
<div style="width:280px; margin-left:5px" class="span-0 ">
<h4>Email Subscriptions</h4>
<h4>Events Calendar</h4>
<h4>Stay Connected</h4>
<h4>Speakers' Bureau</h4>
</div>
</div>
</li>
<li class=" mgmu"><a class="hov4" href="/client-success/"><img alt="Client Success" src="/images/common/mdd/client-success.png" ></a></li>
</li>
</ul>
</div>
<div style="margin-top:25px; float:right" class="span-0 last">
<form action="/search/">
<input type="image" src="/images/common/search/search-icon-new.png" style=" float:left; outline:none" alt="Search">
<input type="text" name="zoom_query" value="Search" style=" background-image:url(/images/common/search/search-field-new.png); background-repeat: repeat-x; margin: 0; line-height:26px; height: 26px; width:200px; color:#666; background-color:#fff; border:none; outline:hidden; border-radius: 7px; float:right; padding: 0px 0px 0 10px; margin-left: 0px;" onFocus="this.value=this.value.replace(/^Search$/, '')">
</form>
</div>
<div class="clear"></div>
<script>
$(document).ready(function() {
function addMega(){
$(this).addClass("hovering");
}
function removeMega(){
$(this).removeClass("hovering");
}
var megaConfig = {
interval: 100,
sensitivity: 4,
over: addMega,
timeout: 100,
out: removeMega
};
$("li.mgmu").hoverIntent(megaConfig)
});
</script>
`