可在此处找到问题：http://themeforward.com/demo2/

使用“我的菜单”并导航到“功能”>“短代码”>“排版”。注意边框（ul .sub-menu { border:1px solid #000 } ) 将第三级菜单项（排版）下移一个像素。如何消除一个像素间隙，使第三级菜单项正确对齐？

这是我的CSS：

/*** DEMO SKIN ***/
.sf-menu {
    float:          left;
    z-index: 900
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:          #FFF;
    padding:        10px;
    text-decoration:none
}
.sf-menu li {
    margin-right:35px;
    z-index: 900
}
.sf-menu li li {
    z-index: 900;
    background:#FAFAFA
}
.sf-menu li li li {
    background:     #FAFAFA;
    z-index: 900
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {
    outline:        0;
    background: #EEE
}
.sf-menu > li:hover, .sf-menu > li.sfHover,
.sf-menu > li a:focus, .sf-menu > li a:hover, .sf-menu > li a:active {
    outline:        0;
    background: #AF1D21
}

.sf-menu .current-post-ancestor a, .sf-menu .current-menu parent a, .sf-menu .current-page-ancestor a, .sf-menf .current-category-ancestor a, .sf-menu .active_category a, .sf-menu .current-menu-item a { color:#1a1a1a }

ul .sub-menu { border:1px solid #000 }
ul li .sub-menu a { color:#262626!important }
ul li .sub-menu a:hover { background:#EEE!important }