#menu {
width: 180px; /* set width of menu */
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
}

/* style, color and size links and headings to suit */
#menu a {
font-size: 10px;
display: block;
margin: 0;
}

#menu a {
color:#333333;
text-decoration: none;
padding-top:3px;
padding-bottom:6px;
padding-left:3px;
}

#menu a:hover {
color:#FFFFFF;
background: #6699cc;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 


/*#menu ul ul,		pokazywanie 2 poziomu z lewej strony (bez tego pojawia się pod spodem danego działu*/
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

/*div#menu ul ul,		ukrycie 2 poziomu*/
div#menu ul li:hover ul ul,		/*ukrycie 3 poziomu*/
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

/*div#menu ul li:hover ul,	po najechaniu na 1 poziom, ma się pokazać 2 poziom*/
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

body {
behavior: url(/css/csshover.htc); /* call hover behaviour file */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
background-color: #FFFFFF;
}

#menu ul li:hover {
background: #F2EFC6;
}

#menu ul li a {
height: 1%; /* make links honour display: block; properly */
}