Problem: Menu prints in wrong position from some browsers

This is due to the browser using special rendering code for printing which we can't control. The easiest solution is to disable the menu in the printed page.

Solution: Turn off the menu using a 'print' CSS

You can create a CSS which is used when printing. In this CSS you turn off the menu's <div> layer so it does not print out.

What you need to do is add this code to the head section of your page:

<style type="text/css"><!--
@media print{
#bbML,#bbML div {display:none !important;visibility:hidden !important;}
}
-->
</style>

This will disable the display of the menu box when printing.

If you have changed the name of the MenuMachine floating box then you must ensure that you change "bbML" in the code above to match the new name. So if you changed the name to "menuLayer", the code would be:

<style type="text/css"><!--
@media print{
#menuLayer,#menuLayer div {display:none !important;visibility:hidden !important;}
}
-->
</style>

If you have multiple MenuMachine objects on a page, you should separate the names with commas, e.g.:

<style type="text/css"><!--
@media print{
#bbML, #bbML div, #menuLayer, #menuLayer div {display:none !important;visibility:hidden !important;}
}
-->
</style>

This fix may not work in all browsers but it will work in most of the major ones.