I have a verticle solpart menu. In some cases where a module is very wide, it overlaps the menu.  Is there a way to override that? Also sometimes when a submenu pops out, it will be behind the module in the content pane. They are probably related, no?

Sam,

I tried this and the content pane spills over into the left pane, covering the menu up. Can you look at the HTML and tell me where I've gone wrong? It seems to me that the page should expand out (creating horizontal scrolling, but that's ok.)

<div align="center">
<table id="pagemaster" cellspacing="0" cellpadding="0" border="0">
 <tr>
  <td>
   <!--Logo & banner table-->
   <table cellspacing="0" cellpadding="0" border="0" width="100%">
    <tr valign="top">
     <td width="350" height="66">[LOGO]</td>
     <td bgcolor="black" background="images/logo_spacer.gif" height="66" valign="top">&nbsp;[BANNER]</td>
     <td align="right" height="66" width="31"><img src="images/logo_right.gif" /></td>
     </tr>
   </table>
  </td>
 </tr>
 <tr>
      <td width="100%">
        <!--Silver bar-->
        <table border=0 cellpadding=0 cellspacing=0 width="100%">
    <tr>
     <td width=8>
      <img src="images/menubar_leftend.gif" width=8 height=35 alt=""></td>
     <td background="images/menubar_spacer.gif" height=35 width="152" align="left">
      [CURRENTDATE]
     </td>
     <td background="images/menubar_spacer.gif" height=35 class="breadcrumbcell" align="left">
      You are here:&nbsp;&nbsp;[BREADCRUMB]
     </td>
     <td width=243>
      <table border="0" cellpadding="0" cellspacing="0">
       <tr valign="middle">
        <td width="45"><img src="images/menubar_transition.gif" width=45 height=35 alt=""></td>
        <td background="images/menubar_searchspacer.gif" height=35 width="200" align="right">[SEARCH]</td>
       </tr>
      </table>
     </td>
     <td width=8>
     <img src="images/menubar_rightend.gif" width=8 height=35 alt=""></td>
    </tr>
   </table>
  </td>
 </tr>
  <tr><!--Content-->
  <td valign="top"><!--menu/leftpane-->
   <table class="contenttable" cellspacing="0" cellpadding="0">
      <tr valign="top">
     <td class="leftpane">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr valign="top">
       <td>
        <table width="100%" border="0" cellspacing="0" cellpadding="1">
         <tr>
          <td colspan="3" class="MenuMiddleCell">[SOLPARTMENU]</td>
         </tr>
         </table>
       </td>
        </tr>
        <tr valign="top">
       <td id="LeftPane" runat="server" class="leftpane"></td>
        </tr>
      </table>      
     </td>
     <td>
      <table border="0" width="100%" cellpadding="0" cellspacing="0">
        <tr valign="top">
       <td colspan="2" id="TopPane" runat="server" class="toppane" visible="false"></td>
        </tr>
        <tr valign="top">
       <td id="ContentPane" runat="server" class="contentpane" visible="false"></td>
        <td id="RightPane" runat="server" class="rightpane" visible="false"></td>
        </tr>
        <tr valign="top">
       <td colspan="2" id="BottomPane" runat="server" class="bottompane" visible="false"></td>
          </tr>
      </table>
     </td>
       </tr>
    </table>
  </td>
 </tr>
 <tr valign="top" bgcolor="#DDDDDD">
  <td valign="top" class="footercell" colspan="2">
   <div align="center">[COPYRIGHT]&nbsp;|&nbsp;[TERMS]&nbsp;|&nbsp;[LOGIN]&nbsp;&nbsp;[USER]</div>
  </td>
 </tr>
</table>
  
         </td>
 </tr>
 
</table>
</div>

CSS

#pagemaster{
 width: 96%;
 
}
.ContentTable
{
 width: 100%;
 height: 100%;
 border: 0px;
 border-collapse: collapse;
 padding: 0px 0px 0px 0px;
 vertical-align: top;
}
.TopPane{
 vertical-align: top;
 text-align: left;
 background-color: transparent;
 padding: 0 6px 0 6px;
}
.LeftPane{
 width:160px;
 vertical-align: top;
 text-align: left;
 background-color: transparent;
 padding: 6px 0px 4px 0px;
}
.ContentPane{
 width:100%
 vertical-align: top;
 text-align: left;
 background-color: transparent;
 padding: 0 6px 0 6px;
}
.RightPane{
 vertical-align: top;
 text-align: left;
 background-color: transparent;
 padding: 0 6px 0 0;
}
.BottomPane{
 text-align: left;
 vertical-align: top;
 background-color: transparent;
 padding: 0 6px 0 6px;
}

.MainMenu_MenuItem
{
 z-index: 1000;
 cursor: pointer;
 color: #444444;
 font-family: Verdana;
 font-size: 11px;
 font-weight: normal;
 font-style: normal;
   
 background-color: transparent;
 padding : 2,2,2,2
}

Thanks for your help.