关于css的一个小问题

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#logo{ margin:20px auto; border:#CCC 1px solid; height:60px; width:1000px;}
#logo ul{ list-style-type:none;}
#logo ul,li{ float:right;width:100px;}
</style>
</head>
<body>
<div id="logo"><ul><li>注册</li><li>登录</li></ul></div>
</body>
</html>问题:以往都是这样写 都可以左右浮动 今天怎么只能上下浮动了呢 求解？