Link hover text-decoration in FF

[Utopicstudios]

Hi all, CSS works fine in MSIE, but not in FF.

When you hover on a link it removes the underline.
When you visit the link than go back and hover over it, the hover no longer removes the underline in. The underline remains. FF only.

here is the CSS code:

a, .events_headerBig a:link, .events_headerBig a:visited
{
text-decoration: underline; 
color:#0066CC;
}

 .events_headerBig a:hover, .events_headerBig a:active {
text-decoration: none; 
color:#0066CC;
}

Here is the Listing HTML

 <div class="eventsParaBig">
  <div class='eventsRightBig'>
  <span class="events_headerBig"><a href="/doctor/profile123">Name</a></span><br />
  <span class="bold">Address </span><br />
  <span class="listing_description"> Description</span><br />
  <span class="websitelink"> <a href="http://www.example.com/" target="_blank">view website</a></span>&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/phone_icon.jpg" class="phone_spacing"/> [phone] 
 <br />
 
  </div><!-- textleft -->
  <div class='clear'></div>
 </div><!-- eventspara -->

I feel like Ive tried everything, wont work in FF ARRGG!.

[edited by: alt131 at 1:19 am (utc) on May 17, 2011]

[Fotiman]

Welcome to WebmasterWorld!

I took a look at your site, and it looks like the underline you're seeing is on the events_headerBig span element surrounding the link. You have this defined in your css:

.events_headerBig
{
font-size:14px;
color:#0066CC;
font-weight:600;
text-decoration:underline;
}

If you remove that text-decoration rule, I think it will look like you want.

[Utopicstudios]

It worked, Thanks A LOT! You must be a cool person for helping people like this, I send good digital Karma your Way!