прикрепите div к низу страницы

Я пытаюсь использовать «позиция: относительная»; 'позиция: абсолютная; внизу: 0;' вещь, чтобы прикрепить div к нижней части страницы, но он продолжает висеть прямо под самым нижним видимым элементом внутри контейнера. Я попытался изменить свойства «высота» и «минимальная высота» для соответствующих элементов div, но так и не смог заставить их работать должным образом. он либо исчезает, либо размещается под всеми контейнерами (включая нижний колонтитул), просто сидя на простом фоне, или просто висит прямо под самым нижним элементом в контейнере.

вот мой CSS:

#body {
   padding-bottom:40px;   /* Height of the footer */
    padding-top: 200px;
    position: relative;
}

.sink{
    padding: 10px;
    position: absolute;
    bottom: 0;
}

.sink — это класс div, который мне нужно держать внизу.

div с телом id содержится в контейнере div с id, который содержится в теле html:

body {
   margin:0;
   padding:0;
   height:100%;
    background: #7092BE;
    background-image: url("bg1.png");
    background-attachment: fixed;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
}

#container {
   min-height:100%;
   position:relative;
    width: 900px;
    margin: 0 auto;
    background: white;
    padding: 0;
}

Надеюсь, я скопировал всю необходимую информацию, подскажите, если нет, пожалуйста.