DIV CSS列形导航一例，超酷解析！

如图效果:

先看看XHTML代码：

<div id="navcontainer"> <p><ul id="navlist"> </p><p><li id="active"><a href="http://www.duote.com/" id="current">Item one</a> </p><p><ul id="subnavlist"> </p><p><li id="subactive"><a href="http://www.duote.com/" id="subcurrent">Subitem one</a></li> </p><p><li><a href="http://www.duote.com/">Subitem two</a></li> </p><p><li><a href="http://www.duote.com/">Subitem three</a></li> </p><p><li><a href="http://www.duote.com/">Subitem four</a></li> </p><p></ul> </p><p></li> </p><p><li><a href="http://www.duote.com/">Item two</a></li> </p><p><li><a href="http://www.duote.com/">Item three</a></li> </p><p><li><a href="http://www.duote.com/">Item four</a></li> </p><p></ul> </p></div>