<div id="info">

<h2></h2>

<div id="holder">Harmony's Links<br />

<hr />

<a href="http://www.runboard.com/bitsthebible">It's The Bible</a>



<a href="http://www.runboard.com/bchristianchatterbox">Christian Chatterbox</a>



<a href="http://www.runboard.com/bchristianworld">Christian World</a>



<a href="http://www.runboard.com/bcoffeezon">CoffeeZon</a>



<a href="http://www.runboard.com/bunityinchrist">Unity In Christ</a>



<a href="http://www.runboard.com/bnearthecross">Near The Cross</a>



<a Href="http://www.runboard.com/bproverbs31fellowship">Proverbs 31 Fellowship</a>

</div></div>

#info {position:relative; height:24em;}

#info h2 {margin-bottom:0em;}



#holder {position:relative; width:150px; line-height:18px; height:20px; border:1px solid #f96; overflow:hidden; text-align:center; z-index:100; background:#ad8b72; color:#fffec0;}



#holder:hover {height:180px; cursoremoticonointer; background:#d7c5a6; color:#000;}



#holder a:visited, #holder a {display:block; width:100%; line-height:18px; color:#ad8b72; text-decoration:none;}



#holder a:hover {color:#000;background:#ad8b72;}

<!-- PD MENU -->

<div id="holder">

		MAIN MENU<br />



		<hr />

		<a href="#">Item one</a>

		<a href="#">Item two</a>

		<a href="#">Item three</a>

		<a href="#">Item four</a>

		<a href="#">Item five</a>



		</div>

/* PD MENU */

#holder {position:absolute; top:0px; left:0px; width:110px; line-height:18px; height:20px; border:1px solid #f96; overflow:hidden; text-align:center; z-index:100; background:#eee;}

#holder:hover {height:150px; cursor:pointer; background:#eee;}

#holder a:visited, #holder a {display:block; width:100%; line-height:18px; color:#000; text-decoration:none;}

#holder a:hover {color:#c00;background:#ddd;}a:link, a:active { color: #cccccc;text-decoration: none;

}a:visited { color: #cccccc; text-decoration: none;

}a:hover { color: #cccccc; text-decoration: underline overline;

}