dropdown menu naar rechts ipv onder

[frank2014]

hoi hoi ik ben met een site bezig heb de css al en alles nu wil ik onder het kopje produkten een dropdown hebben... wat is de css gedaan en ook in de html hij werkt wel maar slaat uit naar rechts iemand enig idee? hier onder eerst de html code daarna de css

 <div id="navigation">
      <ul>
        <li class="first"><span><a class="active" href="#">Home</a></span></li>
        <li><a href="#">Over ons</a></li>
        <li><a href="#">Produkten</a>
        <ul>
            <li><a href=”#”>Carwrap</a></li>
            <li><a href=”#”>Cardesing</a></li>
            <li><a href=”#”>Indoor</a></li>
            <li><a href=”#”>Outdoor</a></li>
            <li><a href=”#”>Drukwerk</a></li>
            <li><a href=”#”>Textiedruk</a></li>
            <li><a href=”#”>Decoratie</a></li>
            </ul>
        <li><a href="#">Machines</a></li>
        <li><a href="#">Contact</a></li>
        <li><a href="#">Webwinkel</a></li>

nu de css3

#navigation {
	background:url('images/transparent.png') 0 0;
	height:44px;
	line-height:44px;
	padding-top:1px;
	border-left:1px solid #594164;
}
#navigation ul {
	list-style-type:none;
}
#navigation li ul {
	display: none;
}
#navigation li:hover ul {
	display: inline-block;
}
 
#navigation ul li {
	float:left;
	display:inline;
	background:url('images/nav-separator.png') no-repeat right 1px;
	padding:0 1px 0 0;
}
#navigation ul li a {
	float:left;
	color:#fff;
	font-weight:bold;
	padding:0 18px 0 18px;
}
#navigation ul li a {
	background:url('images/nav-arrow.png') no-repeat 0 -100px;
}
#navigation ul li a:hover, #navigation ul li a.active {
	color:#fff;
	background-position:center bottom;
	text-decoration:none;
}
#navigation ul li a span {
	float:left;
	background:url('images/nav-separator.png') no-repeat left 1px;
}

ik kan er maar niet achter komen wat er fout staat iemand een idee???

 

[crazyniels]

en als je het volgende probeert voor de diepste li:

#navigation ul ul li a {
	float:left;
	color:#fff;
	font-weight:bold;
	padding:0 18px 0 18px;
}

of

#navigation ul li ul li a {
	float:left;
	color:#fff;
	font-weight:bold;
	padding:0 18px 0 18px;
}