<p class="sycode"> <style>#menu { <br /> width:8em; <br /> padding:0.5em; <br /> background:#ccc; <br /> margin:0 auto; <br /> } <br />#menu a, #menu a:visited { <br /> display:block; <br /> width:7em; <br /> padding:0.25em 0; <br /> color:#000; <br /> text-indent:0.2em; <br /> background-color:#fff; <br /> text-decoration:none; <br /> margin:0.5em 0; <br /> border-left:0.5em solid #9ab; <br /> } <br />#menu a:visited span { <br /> display:block; <br /> position:absolute; <br /> top:0; <br /> left:10em; <br /> width:5em; <br /> font-size:0.9em; <br /> color:#c00; <br /> border:1px solid #c00; <br /> } <br />#menu a span { <br /> display:none; <br /> } <br />#menu a:hover { <br /> color:#f00; <br /> border-left:0.5em solid #000; <br /> } <br />.box { <br /> position:relative; <br /> } <br /></style> <br></p> <div id="menu"> <br> <div class="box"> <br> <a href="menuone.html"> <br> menu one <br> <span> <br> VISITED <br> </span> <br> </a> <br> </div> <br> <div class="box"> <br> <a href="menutwo.html"> <br> menu two <br> <span> <br> VISITED <br> </span> <br> </a> <br> </div> <br> <div class="box"> <br> <a href="menuthree.html"> <br> menu three <br> <span> <br> VISITED <br> </span> <br> </a> <br> </div> <br> <div class="box"> <br> <a href="menufour.html"> <br> menu four <br> <span> <br> VISITED <br> </span> <br> </a> <br> </div> <br> <div class="box"> <br> <a href="menufive.html"> <br> menu five <br> <span> <br> VISITED <br> </span> <br> </a> <br> </div> <br> </div> <br>
