Javascript Wordpress div带有href链接和滚动图像，链接不工作

这是代码。我已经在我的一个Wordpress页面上写了，一切都很好。鼠标悬停在mouseover和onmouseout上，但href链接不起作用。我不能让它工作。我研究过如何将href放在div之外，但它不起作用，我也不知道如何在Wordpress中嵌入javascript来让这个按钮工作

我将感谢任何帮助，但如果它是在与javascript的参考，请具体，因为我是一个在javascript noob。我知道一些css，但在这个例子中，我在同一个文档中编写了所有内容，所以我没有指定

<div id="bigbutton1" style="width: 300px; height: 300px; 
 display: block; float: left; margin: 2px;">
  <a  style="overflow: hidden; position: relative; color: black;
   text-align:center;padding-top: 0px;width: 300px; height: 300px; 
   display: block; margin: 0 auto;href="http://www.youtube.com">
   <img src=" firstimage.jpg "onmouseover="this.src='anotherjpg'"
    onmouseout="this.src='firstimage.jpg'"/>
  </a>
</div>

当你看到现在的工作情况时，链接就在这里

我的问题是4个大按钮区域出现了滚动，谢谢。

您忘了按自己的风格关闭“”引号

<div id="bigbutton1" style="width: 300px; height: 300px; display: block; float: left; margin: 2px;"><a  style="overflow: hidden; position: relative; color: black;text-align:center;padding-top: 0px;width: 300px; height: 300px; display: block; margin: 0 auto;" href="http://www.youtube.com" target="_blank"><img src=" firstimage.jpg "onmouseover="this.src='anotherjpg'" onmouseout="this.src='firstimage.jpg'"/></a></div>

---

在auto；hrefThanks的（；）后面插入结束引号（“）！我已经弄明白了…我正要发布答案。非常感谢您的回答。