Programmation web: menu dépliant

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<!-- Date de création: 15/10/2008 -->
<head>
<title>menu</title>
<style type="text/CSS">
#menu {
height:18px;
}
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:auto;
padding:3px;
background-image:url("menu/images/bg2.gif");
font-size: 10px;
}
#menu li a {
display:block;
width:120px;
color:white;
text-decoration:none;
padding:5px;
}
#menu li a:hover {
color:blue;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#limenu
{
 height:32px;
 font-size:10px;
} 
</style>
<!--[if !IE]> <-->
<style type="text/CSS">
#menu li ul {
position:absolute;
}

</style>
<!--> <![endif]-->
<!--[if IE 8]>
<style type="text/CSS">
#menu li ul {
position:absolute;
}
</style>
<![endif]-->
</head>

<body>
<div id="menu">
<ul>
  <li id="limenu"><a href="#">TITRE A</a>
      <ul>
      <li><a href="#">1111</a></li>
      <li><a href="#">222</a></li>
      <li><a href="#">3333</a></li>
      <li><a href="#">444</a></li>
      <li><a href="#">555</a></li>
      <li><a href="#">666</a></li>
      <li><a href="#">777</a></li>
      <li><a href="#">888</a></li>
      <li><a href="#">999</a></li>	  	  
	 </ul>
  </li>
  <li id="limenu"><a href="#">TITRE B</a>
    <ul>
      <li><a href="#">111</a></li>
	  <li><a href="#">222</a>
      <li><a href="#">333</a></li>
      <li><a href="#">444</a></li>
      <li><a href="#">555</a></li>
      <li><a href="#">666</a></li>
      <li><a href="#">777</a></li>
      <li><a href="#">888</a></li>
      <li><a href="#">999</a></li>
      <li><a href="#">10</a></li>	  	  
	 </ul>
  </li>
  <li id="limenu"><a href="#">JTITRE C</a>
      <ul>
      <li><a href="#">1111</a></li>
      <li><a href="#">2222</a></li>
      <li><a href="#">3333</a></li>
      <li><a href="#">4444</a></li>
      <li><a href="#">5555</a></li>
      <li><a href="#">6666</a></li>
	  <li><a href="#">7777</a></li>	  
	 </ul>
  </li>
  <li id="limenu"><a href="#">TITRE D</a>
      <ul>
      <li><a href="#">1111</a></li>
      <li><a href="#">2222</a></li>
      <li><a href="#">3333</a></li>  
	 </ul>
  </li> 
  <li id="limenu"><a href="#">TITRE E</a>
      <ul>
      <li><a href="#">1111</a></li>
      <li><a href="#">2222</a></li>
      <li><a href="#">3333</a></li>
      <li><a href="#">4444</a></li>	  
	 </ul>
  </li> 
  <li id="limenu"><a href="#">TITRE F</a>
      <ul>
      <li><a href="#">111</a></li>
	  
	 </ul>
  </li>    
  </li>
</ul>
</div>

</body>
</html>