css - CSS のスライドショーの下にボタンを配置する

Question

CSS でいくつかのナビゲーション ツールを再配置しようとしていますが、何を試してもうまくいきません。グループ化して移動する方法はありdivますか？背景のプロパティを調整し、個々のタグのpaddingとを試してみました。margin他にどのようにできるかわかりませんか？

これは私が取り組んでいるコードです:

#slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(images/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;

    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;

    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

ページの一番下にあります！画像のスライドショーのすぐ下に配置したいと思います! どんな助けでも素晴らしいでしょう！