CSS drop down menu
Hej.Er der en der kan hjælpe med hvordan jeg kan fjerne de hvide streger der er mellem linksne når den laver drop down (wipez.dk)
Koden er her:
---- CSS -----
.menu{
/*border-top:2px solid #28321b;*/
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:#131313;
height:35px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#131313 url("images/seperator.gif") bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #07385b url("images/hover.png") bottom center no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.menu li ul{
background:#131313;
display:none;
height:auto;
border: 1px solid #0e0e0e;
padding:0px;
margin:0px;
position:absolute;
width:225px;
z-index:200;
}
.menu li:hover ul{
display:block;
}
.menu li li {
background:url('images/sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#0e3251 url('images/hover_sub.png') center left no-repeat;
border:0px;
color:#ffffff;
text-decoration:none;
}
.menu p{
clear:left;
}
------- html -------
<div class="menu">
<ul>
<li><a href="#" >Hjem</a></li>
<li><a href="#" id="current">Downloads</a>
<ul>
<li><a href="#">Web designs</a></li>
<li><a href="#">Scripts</a></li>
<li><a href="#">Psd filer</a></li>
</ul>
</li>
<li><a href="/faq.php">Gæstebog</a>
<li><a href="/contact/contact.php">Kontakt</a></li>
</ul>
</div>
