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;
}