I'm designing a site for a friend. I want to use the menu in the site. I have the menu implemented the way I want in a table, but Firefox is not rendering the menu as I want. However, my settings seem as if they should work.
The menu is in a table, which is in a fixed-width div. I *can* get the menu to work in FF using fixed pixel sizes, but I think it should work the way I had it.
Here's the site (unfinished): http://home.comcast.net/~vikenk/maple/
Here's the code for the table-menu:
Code: Select all
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
position="relative";
orientation="horizontal";
style=menuStyle;
menuwidth="100%";
itemwidth="20%";
//menuwidth="700px";
//itemwidth="140px";
menualign="center";
aI("status=Back To Home Page;text=Home;url=index.htm;");
aI("showmenu=Highlights;text=Highlights;");
aI("text=Specifications;url=specs.htm;");
aI("showmenu=Location;text=Location;");
aI("text=Contact Info;url=contact.htm;");
}
drawMenus();
In Firefox, the menu items clump in the middle and the last item wraps, so it causes the menu to be much taller than in IE.
Why is this? any ideas? 100% and 20% should work, no?