I am working on a skin for a menu navigation with 1-horizontal menu (root) and 1-vertical menu (child).  This should be a very standard fare.  The only thing I see different from most DNN sites is that I require a fixed horizontal menu tab.  I used CSS to set the width and it works great in IE and it doesn't in Firefox.  Any idea?  Here's what I use in CSS:

.MainMenu_MenuItem_New td {
 width:100px;
 height:26px;
 text-align:center;
 background-image: url("buttonOff.gif");
 background-repeat: no-repeat;
 background-color: transparent;
 cursor: pointer;
 cursor: hand;
 color: #ffffff;
 font-size: 9.5pt;
 font-weight: bold;
 font-style: italic;
 font-family: Arial;
}

I've never been able to successfully get it to work which is why I end up working with a combination of the links module, breadcrumbs token, links token, inventua menu module.

I don't think it's something that firefox recognises.. *sigh* and people give MS a hard time.. I think it should be supported and would really like to know if anyone else has solved this problem.

Nina Meiers

I finally nailed this one.  In addition to the my previous css class, I also added the following in skin.css to deal with FireFox compatibility issue.  Of course you'll need to do the same for menu active and selected class.

.MainMenu_MenuItem_New {
    width:100px;
    height:26px;
    background-color: transparent;
    display:block;
    border:0;
}

According to W3C, width should only be supported in block-level tags, not in-line tags.  Firefox sticks to this rule but IE seems to violate this rule by enforcing width for any tag.  To get around this enforced rule in FireFox, one must turn a tag into block-level and that can be done by using "display:block".  One characteristic of the usage of this display tag is that it will add a line break above and below, causing line misalignment if declare inside a <td> tag.  So I place it in the main class instead. 

My fixed-size menu buttons now work in both IE and Firefox.  Cheers.

Thanks for posting this on the forum -

Much appreciated.

Nina Meiers