CSS填充問題，填充不起作用

Question

我試圖使用填充從div的頂部推送圖像18px。 邊距或填充都沒有工作，並且在比較兩個填充之后似乎是我想要的。

問題在於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是這個bug還是你只是在粘貼代碼上犯了錯誤？

http://jsfiddle.net/CmwHu/

Answer 2

#footer-middle-left-left-image這個id在你的html中不存在。

所以我將footer-middle-left-left-picture改為#footer-middle-left-left-image 。 它現在正在運作

DEMO