Nowy kod:
Kod: Zaznacz cały
/**
 * Klasa do obslugi rozwijanego menu
 *
 * By dzialalo pod IE6 wymagany jest dodatkowy skrypt JS:
 *
 * <!--[if lt IE 7]>
 *     <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
 * <![endif]-->
 */
html, body {
      background-color: #FFFFFF; /* kolor strony */
      font-family: Verdana, Sans-serif; /* krój czcionki */
      font-size: 10px; } /* rozmiar czcionki */
}
div#obj {
   background: #3d3d3d;
   width: 740px;
   margin: 0px auto;
   height: 250px;
}
div#sMenu {
   background: #40BFFF;
   height: 20px;
   width: 250px; /* szerokość */
   border: 1px solid #D3D3D3; /* obrazmowanie */
}
div#sMenu a {
   color: #3B3B3B; ;
   text-decoration: none;
   
}
div#sMenu ul,
div#sMenu li {
   margin: 0px;
   padding: 0px;
}
div#sMenu li {
   list-style: none;
   list-style-image: none;
   position: relative;
   padding: 3px 5px;
   white-space: nowrap;
   background: #00BFFF;
      width: 75px;
}
div#sMenu ul li:hover {
   background: #F0F0F0;
}
/**
 * Poziome menu pierwszego poziomu
 * - nie mozna uzyc >, IE6
 */
div#sMenu > ul li {
   float: left;
}
div#sMenu ul ul li {
   float: none;
}
/**
 * Menu kolejnych poziomow
 */
div#sMenu ul ul {
   z-index: 50;
   display: none;
   position: absolute;
   top: 19px;
   border-left: 1px solid red;
}
div#sMenu li:hover > ul {
   display: block;
}
/**
 * Menu drugiego poziomu - pierwsze rozwiniecie
 */
div#sMenu ul ul {
   left: 0px;
}
div#sMenu ul ul ul {
   left: 100%;
   top: 0px;
   z-index: 75;
}





