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.

I've never heard of FireFox before, but as an initial suggestion i'd reccomend you break your menu into two colums: the left colum has all the menu text with your background image, and the right colum has the rounded edge and the shadow (tiled). This should make it (practically) impossible for any browser to render the over state of your menu over the shadow. I use techniques like this to help reduce the loading time of my page, as it allows you to have much smaller images while still looking respectable.

Hope this helps,

Aubrey

Firefox is the new name for Firebird, which is the browser only part of Mozilla, which came from Netscape, which came from . . .

Wow, that sounds like a human genealogy. No wonder everyone is confused

Dennis

Ooah, I have heard of and use (Sometimes) FireBird. Thank You.

P.S. FireFox... Reminds me of the story about samson in the Bible where he tied all the foxe's tails together, lit them on fire, and let them loose in the Phillistene's fields

Aubrey

@aubrey

Thank you,this is a workaround that i didn't know before.
I'll try it and let you know about the result.
thanks again.

@aubrey

A big thank...i've applied your suggest and now
it rocks!!!
If the final result is good enough
i'll share this theme with the XOOPS community
(hoping that someone would appreciate it).
good night.