CSS Padding issue, padding not working

[Ganni]

Im trying to use padding to push an image, 18px from the top of a div, However, neither margin, nor padding, are working, and after comparing the 2, padding seems to be what I want anyways.The problem is with the footer-middle-left-left-image div tag. The margin on the text one works fine though.Here's the html:\[code\]<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>\[/code\]The CSS I have is:\[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\]Any help would be appreciated! Also any advice, anything at all would be nice too, Im pretty new so advice not relevant to my problem is also appreciated, like is this a good id naming convention, or should I change it?