html - CSS 填充问题，填充不起作用

Question

我试图使用填充将图像从 div 的顶部推送 18px。 margin 或 padding 都不起作用，在比较这两个 padding 之后似乎是我想要的。

问题出在 footer-middle-left-left-image div 标签上。不过，文本上的边距效果很好。

---

这是 html:

<div id = "footer-middle-left-left">
     <div id = "footer-middle-left-left-picture">
          <img src = "" alt = "some_text">
     </div>
     <div id = "footer-middle-left-left-text">
          If you would like to join our newsletter, please enter your </br>
          email address below.
     </div>
     <div id = "footer-middle-left-left-email">
     </div>
</div>

我的 CSS 是:

#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;
}

---

任何帮助将不胜感激!还有任何建议，任何东西都会很好。我很新，所以与我的问题无关的建议也很受欢迎，比如这是一个很好的 id 命名约定等等。

Answer 1

在 html 中你有 footer-middle-left-left-picture 但在 css 中 #footer-middle-left-left-image是这个错误还是您只是在粘贴代码时犯了错误？

http://jsfiddle.net/CmwHu/