2. display: block;
font:bold 12px Helvetica, sans-serif;
margin: 0;
padding: 9px 12px 11px 12px;
text-decoration: none;
border-right:0px solid #627AAD;}
#bb2nav li a:hover, #bb2nav li a:active {
background: #00008B;
color: #FFFFFF;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 11px 12px;}
#bb2nav li {
float: left;
padding: 0;}
#bb2nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;}
#bb2nav li ul a {
3. width: 140px;}
#bb2nav li ul ul {
margin: -25px 0 0 161px;}
#bb2nav li:hover ul ul, #bb2nav li:hover ul ul ul, #bb2nav
li.sfhover ul ul, #bb2nav li.sfhover ul ul ul {
left: -999em;}
#bb2nav li:hover ul, #bb2nav li li:hover ul, #bb2nav li li
li:hover ul, #bb2nav li.sfhover ul, #bb2nav li li.sfhover ul, #bb2nav
li li li.sfhover ul {
left: auto;}
#bb2nav li:hover, #bb2nav li.sfhover {
position: static;}
#bb2nav li li a, #bb2nav li li a:link, #bb2nav li li a:visited {
background: #000080;
width: 120px;
color: #FFFFFF;
display: block;
font:normal 12px Helvetica, sans-serif;
margin: 1px 0 0 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
4. border:1px solid #ddd;
-moz-border-radius:4px;
-webkit-border-radius:4px;}
#bb2nav li li a:hover, #bb2nav li li a:active {
background: #627AAD;
color: #FFFFFF;
display: block;}
#bb2nav li li li a, #bb2nav li li li a:link, #bb2nav li li li
a:visited {
background: #800080;
width: 120px;
color: #FFFFFF;
display: block;
font:normal 12px Helvetica, sans-serif;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border:1px solid #ddd;
margin: 1px 0 0 -14px;}
#bb2nav li li li a:hover, #bb2nav li li li a:active {
background: #000080;
color: #FFFFFF;
display: block;}
5. </style>
<div id='menunavigasihorisontal'>
<ul id='bb2nav'>
<li>
<a href='#'>BERANDA</a>
</li>
<li>
<a href='#'>MATERI FIQH▼</a>
<ul>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/materi-bab-2-sholat-
sunnah.html'>Sholat Sunnah </a></li>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/materi-bab-1-iman-
kepada-kitab.html'>Iman Kepada Kitab Allah</a></li>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/materi-bab-3-
macam-macam-sujud.html'>Macam-macam Sujud</a></li>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/materi-bab-5-
pertumbuhan-lmu.html'>Pertumbuhan Ilmu Pengetahuan Pada Masa Umayyah</a></li>
</ul>
</li>
<li>
<a href='#'>BANK SOAL ▼</a>
<ul>
<li><a
href='http://jendelabelajarpai.blogspot.co.id/2015/12/latihan-soal-bab-i-iman-kepada-
kitab.html'>Latihan Soal bab 1</a></li>
<li><a
href='http://jendelabelajarpai.blogspot.co.id/2015/12/latihan-soal-bab-ii-sholat-
sunnah.html'>Latihan Soal bab 2</a></li>
<li><a
7. <li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/rpp-bab-i-iman-
kepada-kitab-allah.html'>RPP Iman Kepada Kitab Allah</a></li>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/11/rpp-macam-sholat-
sunnah.html'>RPP Sholat Sunnahr</a></li>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/rpp-bab-iii-macam-
macam-sujud.html'>RPP Macam-macam Sujud</a></li>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/rpp-bab-5-
pertumbuhan-ilmu-pengetahuan.html'>RPP Pertumbuhan Ilmu Pengetahun Pada Masa
Umayyah</a></li>
</ul>
</li></ul></div>