关于菜单级联

我做了一个菜单级联的test,但是火狐OK，IE 不OK ，请各位大侠帮看看哦。<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript">$(function(){
$(".menu li").hover(function(){
$(this).children("ul").show();
},function(){
$(this).children("ul").hide();
});
});</script>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
font-size:12px;
font-family:"宋体";
background:#000;
}
.div_menu {
height:500px;
width:496px;
background:url(img/123.jpg) no-repeat;
margin:0 auto;
padding-top:50px;
}
.menu {
line-height:30px;
height:30px;
background:url(img/menu_bg.png) repeat-x;
}
.menu a {
color:#fff;
text-decoration: none;
}
.menu li {
list-style-type:none;
float: left;
position:relative;
background:url(img/menu_bg.png);
}
.menu li ul {
position:absolute;
width:150px;
border:1px solid #000;
display:none;
}
.menu li a {
dispaly:block;
float:left;
line-height:30px;
height:30px;
padding:0 20px;
}
.one {
width:150px;
height:150px;
border:1px solid #000;
top:30px;
}
.menu .one li a {
width:110px;
}
.menu a:hover {
background:url(img/menu_bg2.png);
}
.menu .two {
left:150px;
}
.menu .three {
left:150px;
}
.menu li a.more {
background:url(img/next.png) no-repeat right center;
}
</style>
</head>
<body>
<div class="div_menu">
  <ul  class="menu">
    <li><a href="#"> 菜单一</a>
      <ul  class="one">
        <li><a href="#"> 菜单一</a></li>
        <li><a href="#"> 菜单二</a></li>
        <li><a href="#"> 菜单三</a></li>
        <li><a href="#"> 菜单四</a></li>
        <li><a href="#" class="more"> 菜单五</a>
          <ul  class="two">
            <li><a href="#"> 菜单一</a></li>
            <li><a href="#"> 菜单二</a></li>
            <li><a href="#"> 菜单三</a></li>
            <li><a href="#"> 菜单四</a></li>
            <li><a href="#" class="more"> 菜单五</a>
              <ul  class="three">
                <li><a href="#"> 菜单一</a></li>
                <li><a href="#"> 菜单二</a></li>
                <li><a href="#"> 菜单三</a></li>
                <li><a href="#"> 菜单四</a></li>
                <li><a href="#"> 菜单五</a></li>
              </ul>
            </li>
          </ul>
        </li>
      </ul>
    </li>
    <li><a href="#"> 菜单二</a></li>
    <li><a href="#"> 菜单三</a></li>
    <li><a href="#"> 菜单四</a></li>
    <li><a href="#"> 菜单五</a></li>
  </ul>
</div>
</body>
</html>背景图片随便找2张就行。