ol,ul {list-style:none;}
ol {margin:10px auto;overflow:hidden;width:200px;}
ol a {color:#000;padding-left:5px;text-decoration:none;}
a {
background-color:#eee;
font:bold 11px/25px arial,verdana,sans-serif;
position:relative;
}
ul a {
background-color:#ccc;clear:left;
font:11px/25px verdana,sans-serif;width:195px;
}
ul a:hover {background-color:#ddd;}
.liTop,.aTop,ul,ul a {float:left;}
.liTop {margin:-32767px -200px 0 0;width:400px;}
.aTop {border-bottom:#000 1px solid;margin-top:32767px;width:195px;}
.aTop:hover,ul a:hover {margin-right:1px;}
Все, что выделено цветом в таблице стилей, сильно взаимосвязано, но вы получите массу "удовольствия" играя данными параметрами :)
Думаю, это не такая уж и большая цена за подобного рода раздвигающееся меню с вложениями, работающего без JavaScript.