#tabMenu01 li {
float:left;
width:100px;
height:30px;
text-indent: -1000px;
} 
#tabMenu01 ul li{
list-style-type:none;
}
#tabMenu01 ul li a{
display:block;
width:100px;
height:30px;
background-repeat: no-repeat;
}

#tabMenu01 li a:hover{
/*idがtabMenu01の中のliタグの中のaタグのマウスを乗せた時、背景画像を30pxずらす*/
background-position: 0px -30px;
}

#menu01,#menu02,#menu03,#menu04{
background-position: 0px 0px;
}
#menu01{
background-image:   url(http://weblog.dimadima.info/archives/uploaded/20050623_TabMenu_focusCurrentMenu/20050623_listMenuButton_01.gif);
}
#menu02{
background-image: url(http://weblog.dimadima.info/archives/uploaded/20050623_TabMenu_focusCurrentMenu/20050623_listMenuButton_02.gif);
}
#menu03{
background-image: url(http://weblog.dimadima.info/archives/uploaded/20050623_TabMenu_focusCurrentMenu/20050623_listMenuButton_03.gif);
}
#menu04{
background-image: url(http://weblog.dimadima.info/archives/uploaded/20050623_TabMenu_focusCurrentMenu/20050623_listMenuButton_04.gif);
}