I want to have a menu spanning 100% across the browser window, contained within a single <TD> in a table of width=100%, with 5 top-level menu items each of width 20% of the screen.
The first problem I find is that even though I am setting...
left=0;
top=0;
menuwidth="100%";
menualign="left";
position="relative";
orientation="horizontal";
The menu does not occupy the full width of the table cell! If I take out the main menu definition and put it below the table code, and remove the position="relative" attribute it starts to work okay.
My next problem is that I can't find anyway of making each menu item take 20% of the screenspace? The itemwidth attribute seems to be in pixels only. My current thought would be to have 5 TD cells and to define a top-level menu within each, which is not exactly ideal.
Am I missing something here?
For the moment I've set the menu relative to the TD cell, set the background colour so that it looks like it is 100% across and have to settle for a non-% spaced top-level menu.