メニューtate css記述例

#menu_tate ul{
list-style-type : none;
overflow: hidden;
margin: 0px;
padding :0px;
}
#menu_tate li{
width: 100px;
color: #000;
background: #999 url(image/xxx.gif);
margin: 0px;
padding: 0px;
}
#menu_tate a:link{
display: block;
text-decoration: none;
width: 100px;
font-size: 90%;
color: #000;
background: #999 url(image/xxx.gif);
background-position: left top;
border-left: 2px solid #000;
padding: 5px 0px 5px 10px;
}
#menu_tate a:visited{
text-decoration: none;
width: 100px;
font-size: 90%;
color: #ffffcc;
background: #666666 url(image/xxx.gif);
background-position: left top;
border-left: 2px solid #ffffcc;
}
#menu_tate a:hover{
text-decoration: none;
width: 100px;
font-size: 90%;
color: #ffffcc;
background: #666666 url(image/xxx.gif);
border-left: 2px solid #000;
}
#menu_tate a:active{
text-decoration: none;
width: 100px;
font-size: 90%;
color: #000;
background-color: #ccffff;
border-left: 2px solid #000;
}

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