When I click on one of my links, the text shifts down one pixel and the border to the right shirnks in height. I can't even imagine why this is so or find a way to target a:active for this menu. Please help. Here's and image of the problem:




Here's my css for the menu: div#nav { position : absolute; right: 0; top: 42px; width : 514px; font: bold 11px tahoma, verdana, sans-serif; color: #5a5a5a; border-top: 4px solid #5a5a5a; border-right: 1px solid #5a5a5a; background-color: #FFFFFF; } .MainMenu_MenuContainer { background-color: transparent; width: 100%; } /*-- bar that holds the menu? --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: #fff; width: 100%; } /*-- submenu container --*/ .MainMenu_SubMenu { font: bold 10px verdana, tahoma, sans-serif; z-index: 1000; cursor: pointer; cursor: hand; background: #fff; padding: 1px; border: 1px solid #5a5a5a; border-top: none; filter: none; margin-top: 2px; } /*-- applies to items in submenus only --*/ .MainMenu_MenuItem { font: bold 10px verdana, tahoma, sans-serif; color: #5a5a5a; background: #fff; padding: 2px 8px 2px 2px; } /*-- hover state in submenus only --*/ .MainMenu_MenuItemSel { font: bold 10px verdana, tahoma, sans-serif; cursor: pointer; cursor: hand; color: #be0033; background: #ffffff; padding: 2px 8px 2px 2px; } /*-- idle state for root menu items --*/ .MainMenu_Idle { cursor: pointer; cursor: hand; color: #5a5a5a; font-family: Tahoma, Arial, Helvetica; font-size: 8pt; font-weight: bold; font-style: normal; display: block; padding: 5 0 5 0; text-align: center; margin-left: 10px; } /*-- hover state for root menu items --*/ .MainMenu_Selected { cursor: pointer; cursor: hand; color: #be0033; font-family: Tahoma, Arial, Helvetica; font-size: 8pt; font-weight: bold; font-style: normal; display: block; padding: 5 0 5 0; text-align: center; margin-left: 10px; } .MainMenu_Active td, .MainMenu_Selected td, .MainMenu_Idle td { border-right: 2px solid #5a5a5a; padding-right: 20px; } #tddnn_dnnSOLPARTMENU_ctldnnSOLPARTMENU59 td { border-right: 0px; padding-right: 0px; } .MainMenu_RootMenuArrow { display: none; height: 20px; } /*-- stuff we don't need to see --*/ .MainMenu_MenuArrow, .MainMenu_MenuBreak, .MainMenu_MenuIcon { display: none; } /*-- hides home button --*/ #tddnn_dnnSOLPARTMENU_ctldnnSOLPARTMENU36 { display: none; }

Thanks for your help. I changed it to only use pixels but that didn't work. Apparently, this problem happens only if I use 11px Tahoma or Verdana. 10px and 12px work fine, so does 11px any other font!

Between this and the broken search out of the box, I"m feeling defeated by DNN.