underlined link problem in firefox

Hello,
I have some links on my page, each link is a text + a flash object.
I would like the link to work indipendently where the user clicks, on the text or on the video, and the text to become underlined on mouse over.

Here the CSS


#content {text-decoration:none; color:#000000; outline: none;}
#content a:link {text-decoration:none; color:#000000; outline: none;}
#content a:active {text-decoration: underline; color:#000000; outline: none; }
#content a:visited {text-decoration: underline; color:#000000; outline: none;}
#content a:hover {text-decoration: underline; outline: none; color:#000000;}


and here the HTML code
<a href="selected/video/" class="videos">
<div class="description_title">TITLE<br />
<span class="description_Utitle"> Video Clip, 2002</span></div>
<div class="video">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="117" height="99" border="0">
<param name="movie" value="selected/videos/video.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="selected/videos/video.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="117" height="99"></embed></object>
</div></a>

Everything works fine in Safari, but in Firefox if I click on the video the link doesn´t work and the text is not underlined on mouse over. In IE is underlined but the link on the video doesn´t work.

Does somebody knows what I´m doing wrong?
Any help is really apprciated...

Thanks in advance.

There is a link in my signature about embedding Flash, I recommend that you follow those instructions to help fix your video.

You should run your code through the w3c validator, I think that would help. You really can't wrap all of that code in anchor tags, I do believe that is likely to be problematic.

http://validator.w3.org/

Also, welcome to the forums :)

thank you for the links. I will check them right now.
But everything works fine in safari ... Is there a trick to wrap a lot of code in anchor tags? I can´t split the link in two because I would like the underline to appear also when the mouse is over the video...

Well, since you are embedding Flash, once the mouse is rolled over the Flash object the HTML page will 'lose' track of the mouse. What might happen in Safari is that the HTML page stays in the :hover mode when you roll into the Flash, but not in other browsers.

Perhaps a better idea would be to have the whole DIV have a border or underline instead and attach the :hover property to it? It won't work in IE6 without some hacking though.

hover underline is actually the style for the all page and not for those links only. But when I roll over the flash object firefox shows the link on the bottom bar of the browser, this means it sees the mouse is over - but when you click nothing happens ... even if you double click ...

Link please?

I just got the underline working adding
display:block; cursor:pointer auto;

but the links from the videos are still not working ...


... thanks

Well, the page is running very slow, perhaps because of the large number of Flash instances. It took a while to load, during which much of the functionality of the page was not working. It actually crashed in FF for me.

Is there any actioncode for the swfs? They should technically have buttons overlayed with links, which I think will make it work in IE.

I´ll try that. Thank you so much!