メニューyoko css記述例

#menu_yoko{
padding: 0px 0px 5px 0px;
}
#menu_yoko ul{
list-style-type : none;
overflow: hidden;
margin: 0px;
padding :0px;
}
#menu_yoko li{
float: left;
width: 100px;
margin: 0px;
padding: 0px 2px 0px 0px;
}
#menu_yoko a:link{
display: block;
text-decoration: none;
text-align: center;
width: 100px;
font-size: 90%;
color: #fff;
background-color: #666;
border-bottom: 2px solid #ccc;
padding: 5px 0px 5px 0px;
}
#menu_yoko a:visited{
display: block;
text-decoration: none;
text-align: center;
width: 100px;
font-size: 90%;
color: #fff;
background-color: #666;
border-bottom: 2px solid #ccc;
padding: 5px 0px 5px 0px;
}
#menu_yoko a:hover{
text-decoration: none;
text-align: center;
width: 100px;
font-size: 90%;
color: #ffffcc;
background-color: #9900ff;
border-bottom: 2px solid #ccc;
}
#menu_yoko a:active{
text-decoration: none;
text-align: center;
width: 100px;
font-size: 90%;
color: #000;
background-color: #ccffff;
}

■こちらはiframe内になっています。css + xhtml + seo のtopページ(http://cssxhtmlseo.web.fc2.com/)よりご覧ください■