p { color: red; } #slideshow * { margin: 0; padding: 0; } #slideshow { float: left; width: auto; height: auto; border: 5px solid #FFF; background: #fff; } #slides { width: 620px; height: 300px; list-style: none; overflow: hidden; } #slides dt { width: 620px; height: 300px; } /*************************************** #menu_bar { list-style: none; height: 25px; } #menu_bar dt { float: left; width: 25px; cursor: pointer; padding: 5px 8px; background: #360; text-align: center; color: #FF0; } .current { background: #390; } ****************************************/ #menu_bar * { padding: 0; margin: 0; } #menu_bar { float: left; height: 30px; padding-right: 5px; } #menu_bar dt { width: 188px; border: 2px solid #000; padding: 8px; font-weight: bold; cursor: pointer; } #menu_bar dt:hover, .current { background: #666; } .current { background: red; } #menu_bar dd { position: absolute; overflow: hidden; width: 208px; display: none; background: #fff; opacity: 0; } #menu_bar ul { width: 204px; border: 2px solid #000; list-style: none; border-top: none; } #menu_bar li { display: inline; } #menu_bar a, #menu_bar a:active, #menu_bar a:visited { display: block; padding: 5px; color: #000; text-decoration: none; background: #FFF; width: 194px; } #menu_bar a:hover { background: #666; color: #000; } #menu_bar .underline { border-bottom: 1px solid #000; }