CSS menu broken in Firefox (display: table-cell;)
HTML:
<td align="center" width="100%">
<a class="Forum_ib_moderate" href="Default.aspx" title="Moderate"></a>
<a class="Forum_ib_admin" href="Default.aspx" title="Admin"></a>
...
CSS:
A.Forum_ib_moderate:link, A.Forum_ib_moderate:visited, A.Forum_ib_moderate:active, A.Forum_ib_moderate:hover
{
background-image: url(images/ib_moderate.png);
background-repeat: no-repeat;
background-position: center;
padding-left: 2px;
padding-right: 2px;
padding-top: 8px;
padding-bottom: 0px;
height: 35px;
width: 35px;
display:table-cell;
}
A.Forum_ib_admin:hover
{
background-image: url(images/ib_admin_hover.png);
}
the menu looks very good in IE, displayed vertically in Firefox. If I turn off "display: table-cell;" style in Firebug and then turn it back on, it will commit this node menu.
alt text http://i39.tinypic.com/29as4k7.jpg
any ideas?
ps: I do not want to bother with the menu itself, as it is part of DNN Forum 4.4.3. I would rather fix CSS so that it displays correctly.
+3