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:
<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
<!--[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]-->