Descendre une image en CSS

Bonjour,

J'ai un probleme avec css. J'ai réussi à mettre le header et le menu. Mais lorsque je veux mettre le slider j'ai un probleme.
J'ai dans mes images, une image appelée slider (qui représente véritablement mon slider c'est à dire une photo un texte et les fleches. Et j'ai aussi une autre image qui s'appelle slider_fond qui représente le fond de mon slider, j'entends par la que l'image slider fait 940px et slider_fond est plus large afin que ça soit adapté pour tous les écrans.
Donc voici mon code html :

 <div id="slider">
		<div class="image_slider">
        </div>

Et css :

#slider{
    background: url("Images/slider_fond.jpg");
    width: 100%;
    height:412px;
}

#slider .image_slider{
    background: url("Images/slider.jpg");
    width:940px;
    height:322px;
    margin-left: 180px;
}

Le margin-left centre à peu près mon slider sur le slider_fond. Actuellement lorsque je regarde le résultat sur Firefox le slider est tout en haut du slider_fond.
Et je n'arrive pas à le descendre, si je met margin-top ça me descend slider et slider_fond, et j'ai une marge blanche, et si je met padding-top ça ne change rien du tout... J'ai essayé de chercher mais je ne trouve pas. Si vous pouviez m'aider svp
Merci d'avance