Remove underline on link hover around div

I searched the forum and tried some suggestions, but I’m still having trouble getting rid of the underlines in this link. The structure is

<a href="anotherPage">
  <div class="inShapeOfBox">
   <p>Some Text</p>
   <p>Some different color text</p>
  </div>
</a>

and I want to change the background of the div on hover, which is working. But the text gets underlines on hover also, and I don’t want that, and none of the suggestions from other posts have gotten rid of it.

Thanks!