Как привязать блок на сайте к низу, если высота блока не указана

[Санеккк]

Приветствую! Я - совсем чайник в программировании. Но хочу одной организации сделать скромный подарок: слегка приукрасить их сайт. Прошу помощи в пустяковом вопросе (но для меня чреватым прочтением целой кучи информации, которая вряд ли будет полезна в дальнейшем).

На странице сайта есть блок, определенного цвета и ширины. Высота блока не указана. Вопрос: как в самый низ этого блока (не окна браузера), именно блока, наложить картинку?

В шаблоне написал такой код:
<div class="моя"><a href="#"><img src="картинка" width="39" height="45" border="0" /></a></div>

В стиле написал так:
.моя
{
position: fixed;
right: 20px;
bottom: 10px;
width: 40px;
height: 46px;
z-index: 50;
background-attachment: fixed;
}

При значении "position: fixed" картинка держится в 10px от низа ОКНА браузера. При значении "position: absolute" картинка появляется в 10px от низа ОКНА браузера и при прокрутке вверх уезжает вместе со страницей.

Понятно, что здесь все правильно.
Но вопрос в другом: как сделать так, чтобы картинка была прикреплена в самом низу СТРАНИЦЫ, а не окна. При том, что высота страницы не указана.

Код блока:
<td bgcolor="#цвет" valign="top" width="130"></td>


Буду очень признателен за помощь!

[Arigato]

Расположите этот <div> в конце кода, перед </body>, и будет он внизу страницы.

[Санеккк]

</tbody></table>
<div class="моя"><a href="#"><img src="картинка" width="39" height="45" border="0" /></a></div>
</body></html>

Все равно картинка внизу только окна.

Удалил в стилях строку "position: fixed;". И картинка действительно оказалась слева под страницей.
А нужно расположить ее справа поверх блока, а не под всеми блоками. Именно для этого и добавлен код в стилях.

Может, в нем что-то не так?

[Arigato]

Ну так расположите тег там, где он должен быть на страницу. Никакого позиционирования в вашем случае не надо.

[Санеккк]

Вставил картинку непосредственно в блок. Но она в самом верху блока. Как ее опустить в низ данного блока?

<td bgcolor="#000" valign="top" width="130">
<div class="моя"><a href="#"><img src="картинка" height="46" border="0" width="40"></a></div>
</td>

[Arigato]

valign="top" - не смущает?

[Санеккк]

Смутил
Рассматривал я код блока и все думал: что же там наверху должно быть, если ничего нет? Решил попробовать изменить на "bottom", и - о, чудо!
А потом вспомнил, что три дня назад там располагалась совсем другая кнопка с другой ссылкой, которую я сам же и убрал))

Вопрос, таким образом, решен.
Очень благодарен за помощь!

И еще незначительный вопрос по теме: можно ли мою картинку чуть приподнять, пикселей на 5-10?

[Arigato]

margin-bottom должен помочь.

[Санеккк]

Не помогает, либо я опять не то делаю)

<td bgcolor="#622f4f" valign="bottom" width="130">
<a href="#"><p align="center"><img src="картинка" height="46" border="0" width="40"></p></a>
</td>

В разные места этого кода вставлял "margin-bottom="50" - никак

[Arigato]

Это в стили.