1
Hi all,i'm building a new theme taking the default one as a base and i'm trying to make it both IE6 and Firefox compatible.
Now i have a problem with the main menu customization expecially with Firefox.
In short these images should explain better.
I've set to 165px the leftcolumn width,but reduced the mainmenu table's width to 133px.
In IE6 the hover state is shown correctly:
not in Firefox:
This is the .css code:
td#mainmenu {width:133px;}
td#mainmenu a {font-size:105%;color: #EEEEEE;background-color: transparent; display: block; margin: 0; padding: 3px;}
td#mainmenu a:hover {color: #FFFFFF;background-color: #9999CC;}
td#mainmenu a.menuTop {padding-left: 3px; border-top: 0px solid silver; border-right: 0px solid #666666; border-bottom: 0px solid #666666; border-left: 0px solid silver;}
td#mainmenu a.menuMain {text-indent:9px;background-image: url(arrow_main.gif);background-position:left;background-repeat:no-repeat;padding-left: 3px; border-right: 0px solid #666666; border-bottom: 0px solid #666666; border-left: 0px solid silver;}
td#mainmenu a.menuSub {color: #FFD5AB;padding-left: 13px; border-right: 0px solid #666666; border-bottom: 0px solid #666666; border-left: 0px solid silver;}
How can i fix this?
Thanks in advance,ralf.