HV Menu positioning in Mozilla/Firefox

[bkdell11]

Hi

I'm confused as how to position the HV menu script in Mozilla/Firefox. The config file recommends putting the div tag in a table, so I did that, but the menu still displays at the top of the page in Mozilla while being displayed correctly in IE.

Here's the code for the div tag I have:

<table>
			<tr><td><div id="MenuPos" style="position:relative; width:200; height:20;"><img src="spacer.gif" width="200" height="20"></div>
			</td></tr>
			</table>

I've been looking all over the web for a solution as to how Mozilla handles div tags.

My exmplmenu_var.js shows this:

var MenuCentered='left';			// Menu horizontal position 'left', 'center' or 'right'
	var MenuVerticalCentered='top';		// Menu vertical position 'top', 'middle','bottom' or static
	var ChildOverlap=.2;				// horizontal overlap child/ parent
	var ChildVerticalOverlap=.2;			// vertical overlap child/ parent
	var StartTop=0;				// Menu offset x coordinate
	var StartLeft=0;				// Menu offset y coordinate

I am confused by this sentence in the config file: Remarks: the different ways browsers interpret the pageX and pageY offset makes this feature difficult. I got the best results by putting the div inside a table, give the div the same dimensions as the first level menu, put an transparent image inside the div with again the same dimensions as the first level menu

How do I determine the dimensions of the first-level menu? I think that could be my problem.

Thanks for any help

[jscheuer1]

I'd think they'd be the height and width you set in this:

Menu1=new Array("TextToShow","Link","BgImage",NoOfSubs,Height,Width,.....

Taken from config.htm in the current distribution.