html - Mouse hover not working in only firefox -
i have tried , isolated problem below after spending hours on this. first link not underlined on hover in ff works in other browsers have tried. second link works in firefox too. of existing html on site structured in below way site wide fix appreciated.
html: (pasting code here removes tags) http://pastebin.com/duqfkgey
<!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> ff test </title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <link href="ff.css" rel="stylesheet" type="text/css" /> </head> <body> <table> <tbody> <tr> <td> <ul type="disc"> <li> <a target="_blank" href="http://example1.com"> <font size="2" color="#b80000"><b>example link 1</b></font></a> <br> <font size="2" face="verdana"> example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text <a target="_blank" href="http://example2.com/"> <font size="2" face="verdana" color="#b80000">example link 2</font> </a> example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text . </font> </li> </ul> </td> </tr> </tbody> </table> </body> </html> css:
a{color:#b80000;} a:link{color:#b80000;text-decoration:none;} a:visited{color:#b80000;text-decoration:none;} a:hover{color:#b80000;text-decoration:underline;} a:active{color:#b80000;} edit: validates without errors on w3c validator
the <b> tag overriding text-decoration. add this:
a:hover b{text-decoration:underline;} if there others do:
a:hover > *{text-decoration:underline;}
Comments
Post a Comment