Hello,

I don't normally worry too much about issues I find in IE7, but I need to fix this one.

Screenshot of issue -

IE7 z-index/overlapping issue-screenshot-2014-03-25-11.12.47.jpg

Live site - Home | Brigstowe ProjectBrigstowe Project

HTML -

Code:
<ul class="dropdown-menu">
	<li id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.brigstowe.org/about/our-values/">Our Values</a></li>
	<li id="menu-item-76" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.brigstowe.org/about/history/">Our History</a></li>
	<li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.brigstowe.org/about/service-quality/">Service Quality</a></li>
	<li id="menu-item-79" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.brigstowe.org/about/service-development/">Service Development</a></li>
	<li id="menu-item-219" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.brigstowe.org/about/staffandtrustees/">Staff and Trustees</a></li>
</ul>

<div class="container">			
    <div id="content" class="clearfix row">
	<div class="col col-lg-12 clearfix">
               <article id="post-2" class="post-2 page type-page status-publish hentry clearfix" role="article">
			<header>
				<div class="page-header"><h1>About Us</h1></div>
			</header>
			<section class="post_content">
				<img class="alignnone size-full wp-image-524" alt="A shot of Balloons in Bristol" src="http://www.brigstowe.org/wp-content/uploads/2014/01/brigstowe-img1.png" width="1140" height="250">
</section>
</article>
</div>
</div>
M/div
CSS -


Code:
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
min-width: 160px;
font-size: 14px;
background-color: #ff7900;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}

.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
zoom: 1;
}
Any help appreciated!