Jquery 用于转换的定位按钮

我创建了一个网站，并在页面之间进行了转换，但我在定位触发转换的按钮时遇到了问题。有6个按钮，（每一页2个），我在标签中放了一个png img。 下面是按钮的html代码

<div class="pt-page pt-page-3">
    <div class="pt-trigger-container">
        <button class="pt-trigger button1" data-animation="1" data-goto="3"></button>
    <button class="pt-trigger button2" data-animation="2" data-goto="2"></button>   
    </div>
</div>

---

在css文件中进行以下更改：粗体更改

.button1 {
    position: relative;
    top:50px;   
    bottom:100px;

左：100px 右：0px；

---

}

您能制作一个JSFIDLE来演示这个问题吗？当前按钮的外观有什么问题？下面是问题的快照@qoo

.button1 {
    position: relative;
    top:50px;   
    bottom:100px;