Apologies if this is in the wrong forum.
I created two new panes in my DotNetNuke's site page.ascx file.
The site/skin was created in Artisteer, so the skin is exported from that program, creates a .zip file, etc.
In the page.ascx file that comes with it, I added the two new panes in what Artisteer refers to as the header area (would place your logo here, top of the page, menu is typically immediately below the header, etc.)
The pane layouts show up how I want them to, the problem is when I place a module in either of those panes, then try to hover over the manage tab to edit/modify settings (or even attempt to move the modules to another pane at some future point for example), the pop up menu where you can edit/modify shows up in the background - it is behind the menu other modules, etc.
Even if I try to go to layout mode, the module settings pop up when placed in these panes - the pop up shows up behind the menu, the other pane layouts, and so forth.
The code more/less of what I created on page.ascx is at the end of this post. Are there style settings for panes that I am not considering or just not finding anywhere in my files. Keep in mind this is my first time ever doing this, I'm more of a content/graphics editor so bare with me if I am slow in catching on.
Let me know if anything is unclear or more details are needed. Much thanks...Jack
----------
<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-controlpanel-container"><div id="ControlPanel" runat="server"></div></div>
<div class="art-header">
<div class="art-logo">
</div>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="960">
<tr>
<td width="50%"> </td>
<td id="Header1" runat="server"></td>
</tr>
<tr>
<td width="50%"> </td>
<td> </td>
</tr>
<tr>
<td width="50%"> </td>
<td> </td>
</tr>
<tr>
<td width="50%"> </td>
<td> </td>
</tr>
<tr>
<td width="50%"> </td>
<td id="Header2" runat="server"></td>
</tr>
</table>
</div>
<div class="cleared reset-box"></div>
<div class="art-bar art-nav">
<div class="art-nav-outer">
<div class="art-nav-wrapper">
<div class="art-nav-inner">
<div class="art-hmenu-extra1"><div id="Extra1" runat="server"></div></div>
<dnn:MENU MenuStyle="HMenu" runat="server"></dnn:MENU>
<!--<span id="art-login"></span>
<span id="art-user"></span>-->
<div class="art-hmenu-extra2"><div id="Extra2" runat="server"></div></div>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">
<div id="TopPane" visible="false" runat="server"></div>
<table class="position" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr valign="top">
<td width="33%" id="Top1" runat="server"></td>
<td width="33%" id="Top2" runat="server"></td>
<td id="Top3" runat="server"></td>
</tr>
</table><div class="art-layout-wrapper">
<div class="art-content-layout">
<div class="art-content-layout-row">
etc..............