View results: http://keleyi.com/a/bjac/vksd7321.htm
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Title> CSS navigation bar-ke leyi </title> <base target = "_ blank"/>
<Style>
Ul, li {margin: 0px; padding: 0px; list-style: none ;}
. Div_a {width: 300px; float: left ;}
. Div_a li {width: 300px; height: 50px; border-bottom: 1px solid # fff; cursor: pointer; background-color: #060; text-align: center; line-height: 50px; font-size: 18px; color: # fff ;}
. Div_a1-keleyi-com {width: 300px; height: 100px; position: relative; background-color: # F00; top:-50px; left: 250px; z-index: 999; display: none ;}
. Div_a li: hover. div_a1-keleyi-com {display: block;}. div_a {color: white ;}
</Style>
</Head>
<Body>
<Div class = "div_a">
<Ul>
<Li> <a href = "http://keleyi.com/menu/aspnet/"> ASP. NET </a> <div class = "div_a1-keleyi-com"> <a href = "http://keleyi.com/a/bjac/kjsrt3b0.htm"> based on Microsoft. NET programming platform </a> </div> </li>
<Li> <a href = "http://keleyi.com/a/bjac/ck9atu5j.htm"> PHP </a> <div class = "div_a1-keleyi-com"> <a href = "http://keleyi.com/a/bjac/mnmpm4bv.htm"> most commonly used WEB development languages </ a> </div> </li>
<Li> <a href = "http://keleyi.com/a/bjac/kjsrt3b0.htm"> AJAX </a> <div class = "div_a1-keleyi-com"> <a href = "http://keleyi.com/a/bjac/182di68b.htm"> web interactive design </a> <br/> <a href = "http://keleyi.com/a/bjac/13639353acde40c.htm"> hidden div can be displayed on the left </a> </div> </li>
<Li> <a href = "http://keleyi.com/menu/csharp/"> C #. NET </a> <div class = "div_a1-keleyi-com"> <a href = "http://keleyi.com/menu/net/"> next-generation Microsoft platform programming language </a> </div> </li>
<Li> <a href = "http://keleyi.com/menu/javascript/"> JAVA </a> <div class = "div_a1-keleyi-com"> <a href = "http://keleyi.com/a/bjac/9a9irmcm.htm"> the most promising programming language </ a> </div> </li>
<Li> <a href = "http://keleyi.com/a/bjac/ck9atu5j.htm"> DELPHI </a> <div class = "div_a1-keleyi-com"> <a href = "http://keleyi.com/a/bjac/5939d3b2c920ff6d.htm"> the most promising programming language </ a> </div> </li>
</Ul>
</Div> <! -- Ke leyi -->
</Body>
</Html>