Why does FF (or maybe the question should be why doesn't IE8) underline the text of the h3 and p tags contained within the div.

I have tried adding the text-decoration:none; style everywhere it seemed appropriate but cannot get rid of the underline in FF.

My work-around is a to remove the text-decoration:underline; from the PopupItem class and use the following

<span style="text-decoration:underline;">Spring Special - Free Introductory Offer!<span>

HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title></title>
<style type="text/css">
.Emphasize
{
    font-style: italic;
    font-weight: bold;
}

.PopupItem
{
    position:relative;
    text-decoration:underline;
    cursor:pointer;
    color: #dc143c;
    font-weight:bold;
    list-style-type:none;
}

.PopupSpecials
{
    width: 500px;
    position:absolute;
    left:-1000px;
    top:3ex;
    border:medium outset red;
    text-align: left;
    font-weight:normal;
    text-decoration:none;
    overflow:auto;
    background-color:white;
    color:Black;
}

.PopupSpecials h3{margin-top:5px;}

li:hover div.PopupSpecials{left:150px;}

</style>
</head>
<body>
<ul>
 <li class="PopupItem">Spring Special - Free Introductory Offer!
  <div class="PopupSpecials">
     <img src="images/specials_sm.JPG" alt="Spring Special" height="117" width="127" style="padding:5px 10px;float:left;"/>
     <h3>New Dogs Only</h3>
     <p>Receive a full day of <span class="Emphasize">free daycare</span><br />when you purchase any one of our discounted packages.<br /><br />Enroll your dog today!</p>
  </div>
 </li>
</ul>
</body>
</html>