Hello, graphic designer here, still learning css/xml. I have spent a ridiculous amount of time trying to figure out why my vertical menu has, what looks like a break tag, after the last button in the dnn skin I created (using IE). It's repeating my background button image, or at least half of it. I've checked and rechecked the css and html files. Please let me know if you have any ideas!! Thank you.

Here's a link to a screenshot of the design with strange menu graphic problem. See how half of button shows after "admin": http://hudson.macdirect.com/images/dnnScreenshot.gif

/* Main Menu */
 
.MainMenu_MenuContainer {width: 201px; height: 32px; PADDING-LEFT: 28px; background-image: url(images/button1.gif); background-color: #F4F1E2;}
.MainMenu_MenuBar {height: 32px;}
.MainMenu_MenuItem {color: 993333; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 8pt; font-style: normal; height: 32px;}
.MainMenu_MenuIcon {background-color: #993333; border-left: 0px solid; border-bottom: 0px solid; border-top: 0px solid; padding-left: 3px; padding-right: 3px; text-align: center; width: 4px; height: 32px;}
.MainMenu_SubMenu {z-index: 1000; background-color: #FFFFFF; font-family: Verdana,Tahoma, Arial, Helvetica; font-size: 8pt; font-style: normal;}
.MainMenu_MenuBreak {background-color: white;}
.MainMenu_MenuItemSel {background-color: #E6E0BE; cursor: pointer; cursor: hand; color: Black; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 8pt; font-style: normal; height: 32px;}
.MainMenu_MenuArrow {font-family: webdings; color: #27415A; font-size: 8pt;}
.MainMenu_RootMenuArrow {font-family: webdings; color: #27415A; font-size: 8pt;}

Well, I created this design originally in DNN 2, and I did not have this problem. We updated to DNN 4.0.2, and now I have the problem. The html in that table pane did not change with the conversion, so I'm not sure how it's the html. I supplied the table below. I even tested taking everything out of that table column, except the [SOLPARTMENU], and I still had the strange space problem. Thanks for the response though.

<table height="100%" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
    <td width="201" valign="top" bgcolor="#F4F1E2"><center>[LOGO]</center>[SOLPARTMENU]<br>[CONTENTPANE:1]</td>
    <td width="9" background="images/pixelColumnLight.gif"><img src="images/pixelColumnLight.gif" width="9" height="2" border="0"></td>
    <td valign="top" bgcolor="#F4F1E2"><div align="center"><B>..::</B>&nbsp;[BREADCRUMB]<B>::..</B></div><br>[CONTENTPANE]</td>
    <td width="14" background="images/pixelColumn.gif"><img src="images/pixelColumn.gif" width="14" height="4" border="0"></td>
    <td valign="top" bgcolor="#E6E0BE" width="161"><br>[CONTENTPANE:2]</td>
    <td width="5" bgcolor="#E6E0BE"><img src="pixelClear.gif" width="5" height="1" border="0"></td>
</tr>
</table>

Any other ideas?

Thank you Jon. I tried adding the font-size, and you were right, it works, but not completely. I may need to look into the spmenu.js file because I have other designs with decorative button graphics and I want to make them work. Not sure why DNN works like this now with 4.0, it kinda limits your design capabilities doesn't it? Example, a design that I have here current works, using DNN2: http://www.troop24.org, but I want to move to V4 but it sounds like I'll have that 2 pixels of the repeated graphic after the last button. It's small, but noticeable, to me. I'll hope for a better fix it the future, thanks again!