Different Browsers impact on buttons?

<div>My Top Line Buttons
	<a href="#top" class="btn"><label>About</label></a>
        <button class="btn"><a href="#portfolio"><label>Portfolio</label></a></button></div>

If I run the above code only the <a> reference will move to desired #top section of HTML doc but not <button> code in Firefox or IE. Both work in Chrome.

Also using only <a> make the environment no longer look like a button?!

Thanks for any ideas if anyone has seen a problem like this?

Okay. Thanks for info on backticks. Any comment on difference of browsers? That’s why I added the link to codepen.io…~Kevin

Thanks for this info…I’ll give it a try. It seems that Chrome is easier to make work?! So I’ll try to make it work with Chrome and then see how it does with Firefox. ~Thanks again, Kevin