dropdownmenu fjer hovereffekt fra et enkelt li element

jeg har et lille problem.

jeg har lavet en menu hvor jeg har undladt at stoppe et link ind et enkelt li element (ul#nav li.spacer) men nu har jeg proppet hover effekt på, hvordan fjerne jeg denne hover effekt fra den bestemte li ?


html
<div id="menu_">
<ul id="nav">
<li><a href="#">Forside</a></li>
<li><a href="#">Gode råd</a></li>
<li class="noBorder"><a href="#">Kontakt</a></li>
<li class="spacer"></li>


ul#nav li ul
{display: none;}


ul#nav li:hover ul
{
display: inline;
float: left;
width: 137px;
height: 25px;
margin: 0;
padding: 0;
text-align: left;
}


ul#nav li:hover ul li
{
width: 137px;
height: 25px;
background-color: #c4c5c7;
border: none;
border-bottom: 1px dotted #656667; text-indent: 10px;
}

ul#nav li:hover li.spacer
{colorlack;} <---- hvordan

ul#nav li:hover ul li a
{
display: block;
margin: 0;
height: 25px;
line-height: 25px;
}


ul#nav li:hover ul li a:hover
{background-color: #d1df8a;}