title: Z-index not working IE
body: <p>New to Z-index, 
  Have been trying different things to get the header and feature to show up at the top and bottom of the image,</p>
  
  <p>This is the section of HTML</p>
  
  <pre><code>&lt;div id="hero"&gt;
  
          &lt;div id="header"&gt;
      &lt;div id="headercontent"&gt;
          &lt;div id="logo"&gt;
              The Bucks Arms
          &lt;/div&gt;&lt;!-- #logo --&gt;
          &lt;div id="nav"&gt;
          &lt;a href="index.php"&gt;Home&lt;/a&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
          &lt;a href="food.php"&gt;Food &amp;amp; Drink&lt;/a&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
          &lt;a href="accommodation.php"&gt;Accommodation&lt;/a&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
          &lt;a href="about.php"&gt;About&lt;/a&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
          &lt;a href="contact.php"&gt;Contact&lt;/a&gt;
          &lt;/div&gt;&lt;!-- #nav --&gt;
      &lt;/div&gt;&lt;!-- #headercontent --&gt;
  &lt;/div&gt;&lt;!-- #header --&gt;
          &lt;img id="heroimage" src="images/bucksoutside.jpg" alt="The outside of the beautiful old pub" /&gt; 
          &lt;div id="feature"&gt;
              &lt;div id="featuretitlecontainer"&gt;
                  &lt;div id="featuretitle"&gt;
                  &lt;/div&gt;&lt;!-- #featuretitle --&gt;
              &lt;/div&gt;&lt;!-- #featuretitlecontainer --&gt;
              &lt;div id="featurecontainer"&gt; 
                  &lt;div id="featuretext"&gt;
                  &lt;/div&gt;&lt;!-- #featuretext --&gt;
              &lt;/div&gt;&lt;!-- #featurecontainer --&gt;
          &lt;/div&gt;&lt;!-- #feature --&gt;
      &lt;/div&gt;&lt;!-- #hero --&gt;
  </code></pre>
  
  <p>And this is the CSS</p>
  
  <pre><code>/* header */
  
  #header {
      width:100%;
      background-color:#000;
      -khtml-opacity:.70; 
   -moz-opacity:.70; 
   -ms-filter:"alpha(opacity=70)";
    filter:alpha(opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);
    opacity:.70;
    position:relative;
    z-index:3;
  
  }
  
  #headercontent {
  
      width:960px;
      height:60px;
      margin:0 auto;
  }
  
  #logo {
      padding:25px 0 0 0;
      font-size:30px;
      width:320px;
      float:left;
      text-align:center;
      color:#FFF;
  }
  
  /* nav */
  
  #nav {
      padding:38px 0 0 0;
      width:630px;
      float:right;
      margin:0px 0 0 0;
      text-align:right;
      color:#666;
  }
  
  /* hero */
  #hero {
      width:100%;
      max-width:1400px;
      margin:0 auto;
      clear:both;
      position:relative;
      z-index:1;
  
  }
  
  #heroimage {
      position: relative;
      top:-60px;
      margin:0 auto;
      width:100%;
      z-index:1;
  }
  
  /* Feature */
  #feature {
      position:relative;
      top:-213px;
      margin:0 auto;
      z-index:2;
  }
  
  #featuretitle {
      -khtml-opacity:.70; 
   -moz-opacity:.70; 
   -ms-filter:"alpha(opacity=70)";
    filter:alpha(opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);
    opacity:.70; 
      font-size:25px;
      padding:5px 10px 5px 10px; 
      color:#FFF;
      text-align:center;
      background-color:#000;
      position:relative;
      top:0;
      width:300px;
      margin:0 0 0 660px;
  }
  
  #featuretitlecontainer {
      width:960px;
      margin:0 auto;  
  }
  
  #featurecontainer
  {
  position:relative;
      width:100%;
      background-color:#000;
      -khtml-opacity:.70; 
   -moz-opacity:.70; 
   -ms-filter:"alpha(opacity=70)";
    filter:alpha(opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);
    opacity:.70; 
  }
  
  #featuretext {
      padding:20px;
      margin:auto;
      width:960px;
      font-size:17px;
      color:#FFF;
      line-height:25px;
      background-color:#000;  
  }
  </code></pre>
  
  <p>the site can be found at <a href="http://samdesigns.co.uk/bucksold" rel="nofollow">http://samdesigns.co.uk/bucksold</a>
  Any help would be much appreciated! </p>