title: CSS padding issue, padding not working
body: <p>Im trying to use padding to push an image 18px from the top of a div. Neither margin or padding are working, and after comparing the two padding seems to be what I want anyway.</p>
  
  <p>The problem is with the <code>footer-middle-left-left-image</code> div tag. The margin on the text one works fine though.</p>
  
  <hr>
  
  <p>Here's the html:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id = "footer-middle-left-left"&gt;
       &lt;div id = "footer-middle-left-left-picture"&gt;
            &lt;img src = "" alt = "some_text"&gt;
       &lt;/div&gt;
       &lt;div id = "footer-middle-left-left-text"&gt;
            If you would like to join our newsletter, please enter your &lt;/br&gt;
            email address below.
       &lt;/div&gt;
       &lt;div id = "footer-middle-left-left-email"&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS I have is:</p>
  
  <pre class="lang-css prettyprint-override"><code>#footer-middle-left-left {
      float: left;
      width: 483px;
      height: 175px;
  }
  
  #footer-middle-left-left-image {
      float: left;
      width: 483px;
      height: 59px;
      padding-top: 18px;
  }
  
  #footer-middle-left-left-text {
      width: 483px;
      height: 58px;
      float: left;
      margin-left: 25px;
      color: white;
  }
  
  #footer-middle-left-left-email {
      height: 58px;
      float: left;
      width: 483px;
  }
  </code></pre>
  
  <hr>
  
  <p>Any help would be appreciated! Also any advice, anything at all would be nice too. I'm pretty new so advice not relevant to my problem is also appreciated, like is this a good id-naming convention, etc..</p>