при перемещении спика внутри списка,окончание первого переме

при перемещении спика внутри списка,окончание первого перемещается вслед за перемещаемым.
что сделать чтобы этого не происходило.
1.html

Код (Text):

1. <link rel="stylesheet" href="style.css" type="text/css"/>
2. <ul id="menu">
3.   <li><a>Hello</a></li>
4.   <li><a>World</a>
5.     <ul id="menu1">
6.       <li>W</li>
7.       <li>O</li>
8.       <li>R</li>
9.       <li>LD</li>
10.   </li>
11.   <li><a>DD!!!</a></li><!--вот это-->
12. </ul>

style.css

Код (Text):

1. ul#menu li{
2. position: relative;
3. list-style-type: none;
4. display:inline-block;
5. float: left;
6. }
7. ul#menu1 li{
8.  position: absolute;
9.  left: -9999px;
10. }

проблемму нащел опечатка