Меню блогу МВ

<style>
body
{width: 960px;margin:40px auto;}
/* Main menu */
#menu
{       width: 100%;margin: 0;
padding: 10px 0 0 0;
list-style: none;
background: #006400;
background: -moz-linear-gradient(#006400, #7CFC00);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #7CFC00),color-stop(1, #006400));
background: -webkit-linear-gradient(#006400, #7CFC00);
background: -o-linear-gradient(#006400, #7CFC00);
background: -ms-linear-gradient(#006400, #7CFC00);
background: linear-gradient(#006400, #7CFC00);
-moz-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: 0 2px 1px #000000;
-webkit-box-shadow: 0 2px 1px #000000;
box-shadow: 0 2px 1px #000000;}
#menu li
{       float: left;
padding: 0 0 10px 0;
position: relative;
line-height: 0;}
#menu a
{       float: left;
height: 25px;
padding: 0 25px;
color: #999;
text-transform: uppercase;
font: bold 12px/25px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;}

#menu li:hover > a
{color: #000000;}

*html #menu li a:hover /* IE6 */
{color: #000000;}

#menu li:hover > ul
{display: block;}

/* Sub-menu */

#menu ul
{   list-style: none;
    margin: 0;
    padding: 0;  
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;  
    background: #FFFF00;
    background: -moz-linear-gradient(#FFFF00, #00CED1);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #FFFF00));
    background: -webkit-linear-gradient(#FFFF00, #00CED1);  
    background: -o-linear-gradient(#FFFF00, #00CED1);
    background: -ms-linear-gradient(#FFFF00, #00CED1);
    background: linear-gradient(#FFFF00, #00CED1);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);
    -moz-border-radius: 5px;
    border-radius: 5px;}

#menu ul ul
{ top: 0;
  left: 150px;}

#menu ul li
{   float:left;
    margin: 0;
    padding: 0;
    display: block;
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;}

#menu ul li:last-child
{   -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    }

#menu ul a
{       padding: 10px;
height: 10px;
width: 130px;
height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: left;
text-transform: none;}

*html #menu ul a /* IE6 */
{    height: 10px;}

*:first-child+html #menu ul a /* IE7 */
{    height: 10px;}

#menu ul a:hover
{       background: #c3e425;
background: -moz-linear-gradient(#c3e425,  #8eac00);
background: -webkit-gradient(linear, left top, left bottom, from(#c3e425), to(#8eac00));
background: -webkit-linear-gradient(#c3e425,  #8eac00);
background: -o-linear-gradient(#c3e425,  #8eac00);
background: -ms-linear-gradient(#c3e425,  #8eac00);
background: linear-gradient(#c3e425,  #8eac00);}

#menu ul li:first-child > a
{-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}

#menu ul li:first-child > a:after
{   content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;}

#menu ul ul li:first-child a:after
{   left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;}

#menu ul li:first-child a:hover:after
{border-bottom-color: #c3e425; }

#menu ul ul li:first-child a:hover:after
{   border-right-color: #c3e425;
    border-bottom-color: transparent; }


#menu ul li:last-child > a
{   -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;}

/* Clear floated elements */
#menu:after
{       visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;}


</style>
 <br /><br /><br /><br /><br /><br /><br />  
<ul id="menu">
<li><a href="http://migasuik.blogspot.com/2015/11/blog-post.html">Головна</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_683.html">Про блог</a><ul>
<li><a href="#">Про мене</a><ul>
<li><a href="http://migasuik.blogspot.com/p/blog-page_35.html">Портфоліо</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_69.html">Досвід роботи</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_460.html"> Моя педагогічна ідея </a></li></ul>
<li><a href="http://migasuik.blogspot.com/p/toc-outer-colorblackfontnormal-11px14px.html">Карта блогу</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_85.html">Новини</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_639.html">Мої дописи</a></li></li></ul>
<li><a href="#">Предмет "ЗВ"</a><ul>
<li><a href="http://migasuik.blogspot.com/p/blog-page_96.html">Нормативні документи</a><ul>
<li><a href="http://migasuik.blogspot.com/p/blog-page_48.html">Укази Президента</a></li>
<li><a href="http://migasuik.blogspot.com/p/12-1992-25.html">Закони України</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_18.html">Мін.освіти і науки</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_38.html">Конституція України</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_32.html">Концепція патріот.вих.</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_92.html">Накази райво</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_8.html">Навч.прогр.«Джура»</a></li></ul>
<li><a href="http://migasuik.blogspot.com/p/blog-page_76.html">Корисна інформація</a><ul>
<li><a href="http://migasuik.blogspot.com/p/blog-page_436.html">Збройні сили України</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_927.html">Статути ЗСУ</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_779.html">Вогнева підготовка</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_83.html">Тактична підготовка</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_681.html">Прикладна фіз.підг.</a></li>
<li><a href="http://migasuik.blogspot.com/p/httpsdocs_17.html">Осн.цив.захисту</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_9.html">Основи мед.знань</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_447.html">Кабінет предмета</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_6.html">Плакати</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_733.html">Підручники</a></li></ul>
<li><a href="http://migasuik.blogspot.com/p/blog-page_928.html">Навчальні проекти</a><ul>
<li><a href="https://drive.google.com/file/d/0B27TwA9b76c-T0MzUE5yOWROcUE/view">Тема 1</a></li>
<li><a href="https://drive.google.com/file/d/0B27TwA9b76c-bTVjU3ZrNFgxLXM/view">Тема 2</a></li>
<li><a href="https://drive.google.com/file/d/0B27TwA9b76c-bGU0MkJKOGZ0azA/view">Тема 3</a></li>
<li><a href="https://drive.google.com/file/d/0B27TwA9b76c-OUVtUy1vNjZOZEU/view">Тема 4</a></li></ul>
<li><a href="http://migasuik.blogspot.com/p/blog-page_27.html">Тести</a><ul>
<li><a href="http://migasuik.blogspot.com/p/blog-page_97.html">Тести на ПК </a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_515.html">Тести Word</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_832.html">Тести онлайн</a></li></ul>
<li><a href="#">Презентації</a><ul>
<li><a href="http://migasuik.blogspot.com/p/blog-page_29.html">Презентації PPT</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_479.html">Презентації Prezi</a></li></ul>
<li><a href="#">Галерея</a><ul>
<li><a href="http://migasuik.blogspot.com/p/blog-page_63.html">Фотогалерея</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_91.html">Відео</a></li></ul>
<li><a href="http://migasuik.blogspot.com/p/blog-page_565.html">Учительроку-2016</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_208.html">Посилання на сайти</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_2.html">Наші здобутки</a></li></li></li></li></li></li></li></ul>
<li><a href="#">Виховна робота</a><ul>
<li><a href="http://migasuik.blogspot.com/p/blog-page_266.html">Нац.патр.виховання</a></li>
<li><a href="http://dzurasokal.blogspot.com/">Блог"Сокіл"("Джура")</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_130.html">Пласт</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_56.html">Герої Сокальщини</a></li>
<li><a href="http://migasuik.blogspot.com/p/blog-page_16.html">Катер "Сокаль"</a></li></ul>
<li><a href="http://migasuik.blogspot.com/p/blog-page_619.html">Контакти</a><ul>
</ul></li></li></li></li></ul>