Seems i need to edit the page html, the menu z-index is 10000 

<div id="imContentContainer" style="z-index: 10001;">

I dont want to keep doing this everytime i publish it. Is there a workaround for this solution?

Hi,

you can put your code in Page Properties window - Expert section - Custom Code: After opening the BODY tag

You need change your code in this way:

<div style="display: block; position: fixed; z-index: 10001; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black;">
   <div style="margin-top: -100px; text-align:center;">
     <img src="your-image.jpg" style="width:50%">
   </div>
</div>

all you need to do is add this code

<style>

#imMnMn {

z-index: 100;

}

</style>

lower or make the z index higher to suit your needs.

regards

jamie

Thanks guys! I actually used this and it worked great. Thanks for leading me in the right direction.

In the MAP-Properties->Expert->Before closing the HEAD tag

<style type="text/css">
#imContentContainer{
z-index: 10001;
}
</style>

Be careful to change z-index property of these page elements.

Yeah - the problem is the control is dynamic content, where we am using lightbox and the admin can add/modify their images, etc. So they have to be able to edit it, using properties they cant. Using the canned page element is the only way to adjust this, unless i modify the zindex of the menu, which is not the best solution.

OK I understand. Try this CSS:

<style>
#imCellStyle_1 {
   z-index:10001;
}
</style>

Customize the numuber on selector: #imCellStyle_1