Anchor Working Only In The Lower Half Of The Button

I have a problem. On my website. I have a button and when I click it I want to send me to another link But it's working only if I push it on the lower half. This is the code: <

Solution 1:

If you get rid of these two:

#button:active#buttbody{
  height: 40px;
  margin-top: 60px;

} 

#button:active#butttop{
  margin-top: 40px;

}

It will be clickable. Here's a jsfiddle for it