display:inline-block

почему данный код выводит результат по вертикали:
Hello
World
DD!!!
а не по горизонтали:
Hello World DD!!!
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></li>
5.   <li><a>DD!!!</a></li>
6. </ul>

style.css

Код (Text):

1. ul#menu{
2. list-style-type: none;
3. display:inline-block;
4. float: left;
5. }