body { 

   behavior: url(csshover.htc); 

} 




#menunav { 
   width: 100%;  
   padding: 0 0 0 30px; 
} 


#menunav ul { 
   margin: 0px; 
   padding: 0px; 
 } 

* html #menunav ul { 
   float: left;  /* заставляет ul вместить все li */ 
   border-left: 0px solid #000000;  /* добавляет левую вертикальную черту к ul */ 
   margin-left: 15px;
}


#menunav li { 
   float: left; 
   position: relative;
   line-height: 43px;
   list-style-type: none;

} 

#menunav li:first-child { 
   border-left: 0px solid #006699;  /* первая вертикальная линия в меню */ 
} 



#menunav a { 
   display: block;
   text-decoration: none;   
   padding: 0px 10px 0px 10px; 


} 
#menunav a:hover { 
   
} 

#menunav li:hover { 
   background-color: ;  /* задает фон пунктов списка */ 
} 


/* Раскрывающееся меню */ 

#menunav ul li ul { 
   margin: 0px; 
   position: absolute;  /* размещает выпадающий ul относительно родительского li */ 
   left: -1px;  /* выравнивает раскрывающееся меню */ 
   width: 300px; 
   background: #383541 url("http://www.avscreens.ru/pictures/1vypad.png") repeat-y;
   padding: 10px 0px 20px 0px;

} 

#menunav ul li ul a{
  font-family: Tahoma;
   font-size: 10px;
text-transform: none ;
padding: 5px 0px 0px 10px;
line-height: 13px;
color: #ccc;

} 

#menunav ul li ul a:hover{
  text-decoration: none;
  color: #fff;

}


#menunav ul li ul li  { 
   width: 100%;  /* элементы списка заполняют контейнер (ul) */ 
   border-left: 0px solid #000000;  /* три стороны каждого пункта раскрывающегося меню */ 
   border-bottom: 0px solid #000000; 
   border-right: 0px solid #000000; 
   line-height: 22px;

   text-align: left;

} 
#menunav ul li ul li:first-child { 
   border-top: 0px solid #000000;  /* верхний край раскрывающегося меню */ 
} 
body #menunav ul li ul { 
   display: none; 
} 
#menunav ul li:hover ul, #menunav ul li ul:hover { 
   display: block; 
} 
* html #menunav ul li ul {  /* добавляет верхнюю границу раскрывающегося меню для IE */ 
   border-top: 1px solid #000000; 
   border-left: 0рх;  /* устраняет наследование границ ul раскрывающимся меню */ 
} 


/* многоуровневость */ 
body #menunav ul li ul li ul   { 
   visibility: hidden;  
   left: 10em; 
   top: -1px;
} 
div#menunav ul li ul li:hover ul { 
   visibility: visible;   
} 


















