Выдвижное меню на css без jquery

 

 

 

ul.menu { position:relative; display:inline-block; margin:0; padding:0;font-family:Tahoma;width:160px;text-align:center;}

ul.menu li {display:none; background:#ab0706; color:white; width:160px; text-align:center; padding:5px; list-style:none;}

ul.menu li a {color:white;}

ul.menu:hover li {display:block;}

ul.menu:hover li ul li {display:none; position:absolute;border-left:1px solid #fff; left:170px; top:24px;}

ul.menu:hover li:hover ul li {display:block; width:200px; padding:20px 10px;}

ul.menu li ul li img {width:150px; height:150px; border:1px; display:block; margin:0 auto;}

 

полный код во вложении

 

Прикреплённый файл: меню