與css的菜單中的透明邊框

我使用下面的菜單。如何將底部邊框從白色更改爲透明，以便邊框顯示爲透明邊框。現在，當我將邊框設置爲透明時，整個菜單爲橙色（菜單的背景顏色）：與css的菜單中的透明邊框

ul#nav, 
ul#nav ul { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
} 
ul#nav li { 
    position: relative; 
    float: left; 
    width: 118px; 
} 
#nav li ul { 
    position: absolute; 
    left: 0; 
    top: auto; 
    margin-left: -999em; 
    border-top: 11px transparent; 
} 
#nav li li { 
    width: 135px; 
    z-index: 1; 
} 
#nav li ul ul { 
    position: absolute; 
    left: 100%; 
    top: -.1em; 
    margin-left: -999em; 
} 
ul#nav li a { 
    display: block; 
    text-decoration: none; 
    text-align: left; 
    background: white; 
    border: none; 
} 
* html ul#nav li a { height: 1% } 
#nav li:hover a, 
#nav li.over a, 
#nav li:hover li:hover a, 
#nav li.over li.over a, 
#nav li:hover li:hover li:hover a, 
#nav li.over li.over li.over a, 
#nav li:hover li a:hover, 
#nav li.over li a:hover, 
#nav li:hover li:hover li:hover a:hover, 
#nav li.over li li a:hover, 
#nav li:hover li:hover li:hover li:hover a:hover, 
#nav li.over li.over li.over li.over a:hover { 
    color: #ff7f00; 
    background-color: white; 
} 
#nav li:hover li a, 
#nav li.over li a, 
#nav li:hover li:hover li a, 
#nav li.over li.over li a, 
#nav li:hover li:hover li:hover li a, 
#nav li.over li.over li.over li a { 
    color: white; 
    background: #ff7f00; 
    margin-left: -10px; 
    border-bottom: 1px solid #FFFFFF; 
    filter: alpha(opacity=95); 
    -moz-opacity: 0.95; 
    opacity: 0.95; 
} 
#nav li ul li a { padding: 25px 7px 7px 7px } 
ul#nav li:hover ul ul, 
ul#nav li:hover ul ul ul, 
ul#nav li.over ul ul, 
ul#nav li.over ul ul ul { margin-left: -999em } 
ul#nav li:hover ul, 
ul#nav li li:hover ul, 
ul#nav li li li:hover ul, 
u#navl li li li li:hover ul, 
ul#nav li.over ul, 
ul#nav li li.over ul, 
ul#nav li li li.over ul { margin-left: 0 }

來源

2012-07-09 Hurumhei

請製作一個jsfiddle讓其他人更容易理解和回答您的問題。謝謝！ – abhshkdz 2012-07-09 13:10:52