IE vs. Foxfire, please help

[teresamar2]

Sucker Tree Horizontal menu
http://www.ttcollectiblegifts.com/dynamicdrive.html

Is there one code that will make my menu look the same with both IE and FoxFire browsers, as well as the others? On my webpage, the sucker tree horizontal menu looks good using IE browser, but isn't wide enough using Foxfire browser. Its using 2 lines. What code can I use to make the menu look the same in both browsers? Is there an extra css code I need to insert for foxfire? I tried adding the source code from both browsers, but it was too lengthy to pate here. As usual, and all help is appreciated.

[alexjewell]

I would set the ul to a width of 100%. I think that all the li's would fit on one line, then, but not entirely sure.

[Sliight]

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 820px;
}

You have 8 menus which are all 100 width, and you have 1 pixel borders. The total width of the menu should be 816px, hence my making it 820px. That should force it to be wide enough, and remove any roll over. If the browser shrinks it will just create a horizontal scrollbar if it gets too narrow, instead of dropping your menu items to a new line.


As far as browsers go... just know your site will look different in each browser. The key is to make it look as good as you can across the board, and of course has to be functional in the major browsers.

One other side note... some people will have things disabled in their browser, which means your menus may not drop down for them at all. YOu really should make the top level menu a hot link to a page that has all sublinks also. Otherwise there will definitely be people who can not navigate around your website.