HORIZONTAL MENU-7
.
.
.
.
.
<style>
#MBT-Container {font:normal 13px Arial;width:100%;float:left;}
#nav {margin: 0;padding: 5px;background: #333333;color: #FFFFFF;line-height: 100%;border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
#nav li {margin: 0 5px;padding: 0 0 8px;float: left;position: relative;list-style: none;}
/* main level link */
#nav a {font-weight: normal;background: #333333;color: #FFFFFF;display: block;padding: 8px 8px;margin: 0; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
#nav a:hover {background: #333333;color: #FFFFFF;}
/* main level link hover */
#nav li:hover > a {background: #105105;color: #FFFFFF;}
/* sub levels link hover */
#nav ul li:hover >a {background: #105105;color: #FFFFFF;border: none;}
#nav ul a:hover {background: #172480;color: #FFFFFF;text-align:left; -webkit-border-radius: 0; -moz-border-radius: 0;}
/* dropdown */
#nav li:hover > ul {display: block;}
/* level 2 list */
#nav ul {display: none;text-align:left;margin: 0;padding: 0;width: 240px;position: absolute;top: 30px;left: 0;background: #333333;color: #FFFFFF;border: solid 1px #FBBB22;
-webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;}
#nav ul li {float: none;margin: 0;padding: 0;}
#nav ul a {font-weight: normal;}
/* level 3+ list */
#nav ul ul {left: 240px;top: -3px;}
/* rounded corners of first and last link */
#nav ul li:first-child > a {-webkit-border-top-left-radius: 8px; -moz-border-radius-topleft:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topright:8px;}
#nav ul li:last-child > a {-webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-bottomright: 8px;}
/* clearfix */
#nav:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#nav {display:inline-block;}
</style>
<div id="MBT-Container">
<ul id="nav">
<li class="current"><a href="#">HOME</a></li>
<li><a href="#">MY POSTS</a>
<ul>
<li><a href="#">MY LINK-1.1</a>
<ul>
<li><a href="#">MY LINK-1.1.1</a><li>
<li><a href="#">MY LINK-1.1.2</a></li>
<li><a href="#">MY LINK-1.1.3</a></li>
<li><a href="#">MY LINK-1.1.4</a></li>
<li><a href="#">MY LINK-1.1.5</a>
</ul></li>
<li><a href="#">MY LINK-1.2</a>
<ul>
<li><a href="#">MY LINK-1.2.1</a><li>
<li><a href="#">MY LINK-1.2.2</a></li>
<li><a href="#">MY LINK-1.2.3</a></li>
<li><a href="#">MY LINK-1.2.4</a></li>
<li><a href="#">MY LINK-1.2.5</a>
</ul></li>
<li><a href="#">MY LINK-1.3</a>
<ul>
<li><a href="#">MY LINK-1.3.1</a><li>
<li><a href="#">MY LINK-1.3.2</a></li>
<li><a href="#">MY LINK-1.3.3</a></li>
<li><a href="#">MY LINK-1.3.4</a></li>
<li><a href="#">MY LINK-1.3.5</a>
</ul></li>
<li><a href="#">MY LINK-1.4</a>
<ul>
<li><a href="#">MY LINK-1.4.1</a><li>
<li><a href="#">MY LINK-1.4.2</a></li>
<li><a href="#">MY LINK-1.4.3</a></li>
<li><a href="#">MY LINK-1.4.4</a></li>
<li><a href="#">MY LINK-1.4.5</a>
</ul></li>
<li><a href="#">MY LINK-1.5</a>
<ul>
<li><a href="#">MY LINK-1.5.1</a><li>
<li><a href="#">MY LINK-1.5.2</a></li>
<li><a href="#">MY LINK-1.5.3</a></li>
<li><a href="#">MY LINK-1.5.4</a></li>
<li><a href="#">MY LINK-1.5.5</a>
</ul></ul>
<li><a href="#">MY ARTICLES</a>
<ul>
<li><a href="#">MY LINK 2.1</a>
<ul>
<li><a href="#">MY LINK-2.1.1</a><li>
<li><a href="#">MY LINK-2.1.2</a></li>
<li><a href="#">MY LINK-2.1.3</a></li>
<li><a href="#">MY LINK-2.1.4</a></li>
<li><a href="#">MY LINK-2.1.5</a>
</ul>
</li>
<li><a href="#">MY LINK 2.2</a></li>
<li><a href="#">MY LINK 2.3</a></li>
<li><a href="#">MY LINK 2.4</a></li>
<li><a href="#">MY LINK 2.5</a>
<ul>
<li><a href="#">MY LINK-2.5.1</a><li>
<li><a href="#">MY LINK-2.5.2</a></li>
<li><a href="#">MY LINK-2.5.3</a></li>
<li><a href="#">MY LINK-2.5.4</a></li>
<li><a href="#">MY LINK-2.5.5</a></li>
</ul></ul>
<li><a href="#">MY PHOTOS</a>
<ul>
<li><a href="#">MY LINK 3.1</a></li>
<li><a href="#">MY LINK 3.2</a></li>
<li><a href="#">MY LINK 3.3</a></li>
<li><a href="#">MY LINK 3.4</a></li>
<li><a href="#">MY LINK 3.5</a>
</ul></li>
<li><a href="#">MY VIDEOS</a>
<ul>
<li><a href="#">MY LINK 4.1</a></li>
<li><a href="#">MY LINK 4.2</a></li>
<li><a href="#">MY LINK 4.3</a></li>
<li><a href="#">MY LINK 4.4</a></li>
<li><a href="#">MY LINK 4.5</a>
</ul></li>
<li><a href="#">MY MUSIC</a>
<ul>
<li><a href="#">MY LINK 5.1</a></li>
<li><a href="#">MY LINK 5.2</a></li>
<li><a href="#">MY LINK 5.3</a></li>
<li><a href="#">MY LINK 5.4</a></li>
<li><a href="#">MY LINK 5.5</a>
</ul></li>
<li><a href="#">MY PRESENTATIONS</a>
<ul>
<li><a href="#">MY LINK 6.1</a></li>
<li><a href="#">MY LINK 6.2</a></li>
<li><a href="#">MY LINK 6.3</a></li>
<li><a href="#">MY LINK 6.4</a></li>
<li><a href="#">MY LINK 6.5</a>
</ul></li>
<li><a href="#">MY FILES</a>
<ul>
<li><a href="#">MY LINK 7.1</a></li>
<li><a href="#">MY LINK 7.2</a></li>
<li><a href="#">MY LINK 7.3</a></li>
<li><a href="#">MY LINK 7.4</a></li>
<li><a href="#">MY LINK 7.5</a>
</ul></li>
<li><a href="#">MY E-BOOKS</a>
<ul>
<li><a href="#">MY LINK 8.1</a></li>
<li><a href="#">MY LINK 8.2</a></li>
<li><a href="#">MY LINK 8.3</a></li>
<li><a href="#">MY LINK 8.4</a></li>
<li><a href="#">MY LINK 8.5</a>
</ul></li>
<li><a href="#">MY WIDGETS</a>
<ul>
<li><a href="#">MY LINK 9.1</a></li>
<li><a href="#">MY LINK 9.2</a></li>
<li><a href="#">MY LINK 9.3</a></li>
<li><a href="#">MY LINK 9.4</a></li>
<li><a href="#">MY LINK 9.5</a>
</ul></li>
<li><a href="#">MY FORUM</a></li>
<li><a href="#">MY NEWS</a></li>
<li><a href="#">RSS</a></li>
</ul></div>
