1
Better solution that what I first posted:
Goto the template manager and clone the default template set.
Then edit the ct_dhtml_site_nav_block.html file
Here is the new code:
le="color: #000000"><?php <style type="text/css" media="screen"> @import "tanfa.css"; /**************** menu coding *****************/ #menu {width: 100%;} /* Width of Individual Menu */ #menu ul ul { border:1px solid #FF9933; background-color:#C3CEE1; margin-top:5px;} /* style of submenus */ /*******No Need To Edit Below Here***********/ #menu ul {list-style: none;margin: 0;padding: 0;} #menu li {position: relative; [b]list-style: none;[/b]} #menu ul ul {position: absolute;top: 0;left: 100%;width: 100%;} <{$block.cssul1}>{display: none;} <{$block.cssul2}>{display: block;} /***** General formatting only ****/ </style> <!--[if IE]> <style type="text/css" media="screen"> body { behavior: url(<{$xoops_url}>/modules/content/csshover.htc); font-size: 100%; } #menu ul li {float: left; width: 100%;} #menu ul li a {height: 1%;} #menu a, #menu h2 { font: bold 0.7em/1.4em arial, helvetica, sans-serif; } </style> <![endif]--> <table class="blocks" cellspacing="1" cellpadding="0" width="100%"> <tr> <td id="mainmenu"> <div id="menu"> <{$block.ct_menu}> </div></td> </tr> </table>
All I added is in bold.
Then in the General Settings, select your new template set and the DHTML menu in FF is fixed.
As to the MSIE font issue: something here looks odd to me with the tags and bracket
le="color: #000000"><?php <!--[if IE]> <style type="text/css" media="screen"> body { behavior: url(<{$xoops_url}>/modules/content/csshover.htc); font-size: 100%; } #menu ul li {float: left; width: 100%;} #menu ul li a {height: 1%;} #menu a, #menu h2 { font: bold 0.7em/1.4em arial, helvetica, sans-serif; } </style> <![endif]-->