关于在图片上动态创建浮动按钮

[blackeye2004]

我的代码如下：
<div id="item$@item.ID" class="item" onmouseover="showtoolbar('item$@item.ID')" onmouseout="hidetoolbar('item$@item.ID')">
<a href="/pins/@item.ID">
<img src="@item.Thumbnail" width="191"/></a>
<h1>@item.Title</h1>

</div>

function showtoolbar(containerID) {
var container = document.getElementById(containerID);
repin = document.createElement("input");
repin.type = "button";
repin.id = "repin";

container.appendChild(repin);
container.firstChild = repin;
repin.style.styleFloat = "left";
repin.style.marginLeft = "80px";
repin.style.marginTop = "20px";
}
item的css是
#container .item
{
border:1px solid #cacaca;
background-color:White;
margin-top:10px;
padding:20px;
float: left;
position:relative;
}
我这里创建出来的按钮只能是在h1下面啊，怎么做才能使它出现在图片的左上角？