I have a vertical menu, that is wrapped with images on top and on the bottom. The top and bottom images are really borders. I have a large gap on the bottom.

View picture

How can I close this gap? Thanks for any help you can provide, my design skills aren't that great.

Code
/*Start Solpart menu  */

.MainMenu_MenuItem
{
 cursor: pointer;
 color: #444444;
 font-family: Verdana;
 font-size: 11px;
 font-weight: normal;
 font-style: normal;
   
 background-color: transparent;
 padding : 2,2,2,2
}
.MainMenu_MenuIcon
{
 cursor: pointer;
 background-color: transparent;
 text-align: center;
 width: 15;
 height: 21;
 border : none;
}

.MainMenu_MenuContainer{ background:transparent; width:100%; }
.MainMenu_MenuBar{ background:transparent; }
.MainMenu_MenuIcon{ display:none; }
.RootMenu_MenuIcon{ display:none; }
.RootMenu_MenuArrow{ display:none; }
.MainMenu_MenuArrow{ display:none; }
.MainMenu_RootMenuArrow{ display:none; }
.MainMenu_MenuBreak{font : 24px;}
.MainMenu_MenuItem,.submenuitembreadcrumb{
 /*Controls the font on the main menu*/
 color:#444444;
 font-size:11px;
 font-weight:normal;
 font-family: Verdana;
 /*padding: 3px 15px 3px 10px;*/
 border:1px #CBCBCB solid;
 border-width:1px 0px;
 font-family: Verdana;
}

.submenu{
 font-size:11px;
 font-weight:normal;
 border:1px #A7A7A7 solid;
 padding:3px 15px 3px 10px;
 background:#CBCBCB;
 margin-top:0px;
 margin-left:1px;
}

.rootmenuitem TD{
 
 height:29px;
 padding: 3px 3px 3px 3px;
 background-color: #eeece9;
 border-top: dotted #ffffee 1px;
 border-bottom: solid #cccccc 1px;
 border-right: solid #cccccc 1px;
 border-left: solid #cccccc 1px;
}
.rootmenuitemselected TD,.rootmenuitembreadcrumb TD{
 background: #DCDCDC;
 padding: 3px 3px 3px 3px;
 height:29px;
}
.rootmenuitemselected{
 color: #FF0000;
 font-size:11px;
 font-weight:normal;
}
.submenuitemselected{
 color: #FF0000;
 font-size:11px;
 font-weight:normal;
 padding:3px 15px 3px 10px;
 background: #DCDCDC;
 /*border:1px #CBCBCB solid;
 border-width:1px 0px;
 margin-top:1px;
 margin-left:1px;*/
}

/* this encapsulates the menu table
and puts the top and border image on */

.MenuTopLeftCell {
 background-image: url(images/menu_01.gif);
 height: 6px;
 width:6px;
 background-repeat: none
}
.MenuTopMiddleCell {
 background-image: url(images/menu_02.gif);
 background-repeat: repeat-x;
 height: 6px;
}
.MenuTopRightCell {
 background-image: url(images/menu_03.gif);
 height: 6px;
 width:6px;
 background-repeat: none
}
.MenuMiddleCell {
 width:100%;
}
.MenuBottomLeftCell {
 background-image: url(images/menu_07.gif);
 height: 6px;
 width:6px;
 background-repeat: none;
 vertical-align: top;
 
}
.MenuBottomMiddleCell {
 background-image: url(images/menu_08.gif);
 background-repeat: repeat-x;
 height: 6px;
 vertical-align: top;
 
}
.MenuBottomRightCell {
 background-image: url(images/menu_09.gif);
 height: 6px;
 width:6px;
 background-repeat: none;
 vertical-align: top;
 
}

<table width="100%" border="0" cellspacing="0" cellpadding="0" style="table-layout:fixed">
        <tr height="6"> 
        <td class="MenuTopLeftCell"></td>
        <td class="MenuTopMiddleCell">&nbsp;</td>
        <td class="MenuTopRightCell"></td>
       </tr>
       <tr>
        <td colspan="3" class="MenuMiddleCell">[SOLPARTMENU]</td>
       </tr>
       <tr> 
        <td class="MenuBottomLeftCell"></td>
        <td class="MenuBottomMiddleCell">&nbsp;</td>
        <td class="MenuBottomRightCell"></td>
       </tr>
      </table>

Thank you Nina for taking the time to address my problem. I really appreciate your involvement!

Unsure if it fixes the problem or not, I have been called away to work on another project. Nevertheless, I do appreciate it when anyone responds to a question on the forums.

I too like the design to be tight. The problem are things that remain unseen during the design process, like the javascript gotcha. I have a great looking skin in Dreamweaver, but getting that to work in DNN requires a bit of luck & magic. I suspect that a lot of skin design is trial and error until you gain the experience necessary to avoid the pitfalls and mistakes. A blend of Art and Skill.

I don't possess that blend. I make a skin maybe once or twice a year. I don't have that constant engagement, so everytime I make a skin, I hit snags. I enjoy the creative process, but the constant tweaking irks me.

Looking forward to your coool announcement....