div med hover inne i en button

[ThaKladd]

Hvis jeg har en html som ser slik ut:

 

<button>Tekst<div id="exit">X</div></button>

 

og css som ser slik ut:

 

#exit:hover {

font-weight: bold;

}

 

Så fungerer det ikke at X blir bold ved mouseover.

 

er det derimot slik:

<div>Tekst<div id="exit">X</div></div>

 

så fungerer det.

 

Noen som vet hvorfor? og eventuelt hvrdan man får det til å fungere ved bruk av button?

[Skagen]

Har du prøvd med dette?

 

button #exit:hover {
  font-weight: bold;
}