Linux is our development platform, so anything we do works with it, at least in Firefox. Including evaluation versions. 8-)

Perhaps there's something wrong with your code?

Sorry, originally forgot to post the image on my server. It is there now...

I am sorry but there is no solution to this problem. But at least, it is not our fault--it's the way browsers are implemented. You'll most likely find the same problem in Opera, Safari and Konqueror too.

I have found a workaround (more of a fix) for this problem. I thought that I should post it here for your information and others.

The first thing that I tried to do was put a div container around the flash object and use CSS to set its position and z-index. This didn't work. After much searching and more reading, I ran across someone with a solution. It is a general Flash solution for layering HTML and Flash content. (link: http://joshuaink.com/blog/82/flash-content-and-z-index)

First, wrap your flash content in a div container with id="flash" or whatever name you want. Then make sure that you add <param name="wmode" value="transparent">to your object tag. Also make sure to set wmode="transparent" in the embed tag.

Now, use css to set the position and z-index for your div. —> #flash { position: relative; z-index: 0; }
Don't set negative z-index values. It will make your Flash disappear.

CSS Part:

#flash {
  position: relative; /*or absolute*/
  z-index: 0;
}

HTML Part:

<div id="flash">
  <object .... >
    <param name="wmode" value="transparent">
    <embed .... wmode="transparent">
  </object>
</div>

That's it! Your Flash content will now behave and let the menu show up on top. Have tested in Firefox 1.0.x and IE 6/Win. Will soon test in Safari, Firefox for Mac, Camino, and IE for Mac. I will post to let you know their support.

Hope this helps someone other than me.

This isn't easily possible at this time, sorry about it...

Well, the menu toplevel parent element is a DIV and as such, it occupies 100% of the available horizontal space. However, you have several options:

(1) Add the following in some CSS section:

div.dynarch-horiz-menu {
	float: left;
}

This will make the menubar float at the left; you can try “float: right” too.

(2) Embed the menu in some table element and size accordingly the cell that contains the menu.  Normally you should be able to undersize it (say 1em) and it will scale to the minimum size required for the menu to fit.  But beware Internet Explorer (5.x I think) might break spaces in menu labels in this case, use “&nbsp;” or add “white-space: nowrap” in that table's style attribute.

Hope this helps.