title: HTML CSS Image won't center?
body: <p>I am trying to center an image that is located within a div, which is then located inside of another div. Not to worry, I will post some code so you can all see what the heck I'm talking about here.</p>
  
  <h3>HTML:</h3>
  
  <pre><code>&lt;div id="container"&gt;
  
      &lt;div id="featureimage"  style="width: 845px"&gt;
          &lt;img src="Stylesheets/images/globkey.jpg" alt="" /&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <h3>CSS:</h3>
  
  <pre><code>body {
      background-color: #383838;
      margin: 0; padding: 0;
      font-size: small;
      color: #383838;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      }
  * html body {
      font-size: x-small; /* for IE5/Win */
      font-size: small; /* for other IE versions */
      }
  
  img {
      border-style: none;
  }
  
  
  
  /* Conatiner */ 
  #container {
      background-color: #fff;
      width: 845px;
      margin: 0 auto;
      overflow: hidden;
      }
  
  
  #featureimage{
      width: 620px;
      padding: 0 0 0 15px;
      margin: 20px 0;
  
  /* I have also tried without padding and no margin!*/
      }   
  
  #featureimage img{
      margin-left:50%;
      margin-right:50%;
      width:360px;
      height:360px;
      }
  </code></pre>
  
  <p>I am fresh out of ideas here! Been at this for ever!</p>
  
  <p>Thank you for any help,</p>
  
  <p>Evan</p>