Cześć,

Jak zwykle kłopot z IE blinksmiley.gif
Poniżej mój kod, który działa pod FF, a nie do końca w IE.
Aby zduplikować problem, należy najechać na System, podświetlić Report, zjechać na dół i ponownie najechać na System.
Widać wtedy pole po trzecim UL-u, którego nie powinno być widać...

PS. Dla IE używam patchu csshover.htc - może to tutaj jest problem?

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5.         <!--[if IE]>
  6.         <style type="text/css" media="screen">
  7.             body {
  8.                 behavior: url(css/csshover.htc); /* call hover behaviour file */
  9.                 font-size: 100%; /* enable IE to resize em fonts */
  10.             }
  11.             #menu ul li {
  12.                 float: left; /* cure IE5.x "whitespace in lists" problem */
  13.                 width: 100%;
  14.             }
  15.             #menu ul li a.sub_menu {
  16.                 height: 1%; /* make links honour display: block; properly */
  17.             }
  18.         </style>
  19.         <![endif]-->
  20.         <link rel="stylesheet" href="css/menu.css" type="text/css" media="screen" />
  21.     </head>
  22.     <body>
  23.         <div id="menu">
  24.             <ul>
  25.                 <li>
  26.                     <a href="#">System</a>
  27.                     <ul>
  28.                         <li><a class="sub_menu" href="home.php">View</a></li>
  29.                         <li><a class="sub_menu" href="#">Users</a>
  30.                             <ul>
  31.                                 <li><a class="sub_menu" href="add_user.php">Add</a></li>
  32.                                 <li><a class="sub_menu" href="manage_user.php">Manage</a></li>
  33.                             </ul>
  34.                         </li>
  35.                         <li><a class="sub_menu" href="#">Report</a>
  36.                             <ul>
  37.                                 <li><a class="sub_menu" href="excel.php">Excel raw data</a></li>
  38.                                 <li><a class="sub_menu" href="report.php">User report</a></li>
  39.                             </ul>
  40.                         </li>
  41.                     </ul>
  42.                 </li>
  43.             </ul>
  44.         </div>
  45.     </body>
  46. </html>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. #menu {
  2.     width: 100%;
  3.     background-image: url("../images/topbg.gif");
  4. }
  5.  
  6. #menu ul {
  7.     width: 7em;
  8.     float: left;
  9.     list-style: none;
  10.     margin: 0;
  11.     padding: 0;
  12. }
  13.  
  14. #menu ul.top_menu_right {
  15.     float: right;
  16. }
  17.  
  18. #menu a {
  19.     background-image: url("../images/topbg.gif");
  20.     display: block;
  21.     margin: 0;
  22.     padding: 2px 3px;
  23.     color: #fff;
  24.     font: bold 12px Verdana;
  25.     text-decoration: none;
  26. }
  27.  
  28. #menu a.sub_menu:hover {
  29.     color: #000;
  30.     background: #C7E7FB;
  31. }
  32.  
  33. #menu a.sub_menu {
  34.     color: #000;
  35.     font: 12px Verdana;
  36.     background: #EDF6FC;
  37. }
  38.  
  39. #menu li {
  40.     position: relative;
  41. }
  42.  
  43. #menu ul ul {
  44.     position: absolute;
  45.     z-index: 500;
  46. }
  47.  
  48. #menu ul ul ul {
  49.     top: 0;
  50.     left: 100%;
  51. }
  52.  
  53. div#menu ul ul,
  54. div#menu ul li:hover ul ul,
  55. div#menu ul ul li:hover ul ul
  56. {display: none;}
  57.  
  58. div#menu ul li:hover ul,
  59. div#menu ul ul li:hover ul,
  60. div#menu ul ul ul li:hover ul
  61. {display: block;}
  62.  
[HTML] pobierz, plaintext