CSS — позиционирование кнопки внутри изображения

У меня есть div, содержащий изображение, мне нужно поместить кнопку внутри изображения вокруг правого верхнего угла изображения, когда я делаю это

#button_id{
position: relative;
    left: 270px;
    top: 30px;
}

Что это делает, так это делает изображение кнопки должно быть помещено в другое место, оно перемещает изображение влево, вправо и вниз, но теперь кнопка может быть нажата на панели с того места, где она была первоначально размещена, в крайнем правом углу div. Когда я пытаюсь сделать это

#button_id{
     position: relative;
     float: right; padding: 0px -40px -15px;
}

, кнопка перемещается вправо, но не вниз.

Примечание: кнопка находится внутри div, без css она размещается поверх изображения по центру