Problème CSS menu verticale IE

/*style menu*/
body
{
behavior: url("csshover3.htc");
}
#menu
{
position: abosulte;
float: left;
  width:25em;
  margin:10px 0px;
  padding:0px;
  height:200px; 
  background-color: red;
}

#menu li a 
{
  display:block;
  height:23px;
  text-decoration:none;
  color:#696969;
  background-color:#FFFFFF;
}

#menu ul
{
 width:200px;
  list-style:none;
  padding:0px;
  margin:0px;
  border-right:1px solid silver;
}

#menu ul li
{
width:auto;
  margin-left:5px;
  padding-left:25px;
  text-indent:5px;
  height:23px;
  background:url(images/bordure.png) no-repeat;
}
#menu ul li ul
{display:none;}

#menu ul li:hover ul
 {
 
  display:block;
  position:relative;
  top:-24px;
  left:165px;
}

#menu ul li.extension a {
  background:white url(images/suite.gif) right no-repeat;
}
#menu ul li.extension:hover ul li.fin a {
  background-image:none;
}
#menu li:hover {
  background:url(images/fleche.png) no-repeat;
}

#menu li a:hover {
  color:black;
  background-color:#BBB7C7;
}

#menu ul li.extension:hover a,#menu ul li.extension ul li:hover a{
  background-color:#BBB7C7;
}
#menu ul li.extension:hover ul li a{
  background-color:#FFFFFF;
}
#menu li.first{
  border-top:1px solid silver;
}

#menu li.last{
  border-bottom:1px solid silver;
}