javascript - Link inside a button not working in Firefox -

I have two links within a button but links do not work on Firefox.

  & lt; Button class = "BTN login" & gt; & Lt; A href = "/ login" & gt; & Lt; B & gt; Login & lt; / B & gt; & Lt; / A & gt; | & Lt; A href = "/ signup" & gt; & Lt; B & gt; Sign up & lt; / B & gt; & Lt; / A & gt; & Lt; / Button & gt;   
 I tried to click and redistribute to Javascript - even that is not working.   
 
 
 This does not work because:  
 
  Content model :  Phrase content, but no interactive content should be lineage.   
:  
 
 An audio (if the control attribute is present) button details embed iframe img (if the usemap attribute is present) State is not in the state) Select the Keygen label menu (if the attribute is in the toolbar position) object (if the eMail attribute is present) textware video (if the control attribute is present)   
 if it works In some browsers this is just because they are wrong Are trying to play well with the marked markup to format and  can  provide meaningful results type.  
 In other words: To rewrite your HTML, it's a mess if you want the links to be in a button, then put them into a  div  element and style, That is, instead of meaninglessly contaminating the wrong elements, look like one.