.menu {
	FONT-SIZE: 20px; MARGIN: 0px; WIDTH: 120px; FONT-FAMILY: arial, sans-serif; POSITION: relative; HEIGHT: 150px
}
.menu UL LI A {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; FONT-SIZE: 18px; BACKGROUND: #CCCCCC; BORDER-LEFT: #fff 0px solid; WIDTH: 180px; COLOR: #333366; LINE-HEIGHT: 30px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 30px; TEXT-ALIGN: center; background-image:url(../images/Button/button.jpg); TEXT-DECORATION: none  
}
.menu UL LI A:visited {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; FONT-SIZE: 18px; BACKGROUND: #CCCCCC; BORDER-LEFT: #fff 0px solid; WIDTH: 180px; COLOR: #333366; LINE-HEIGHT: 30px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 30px; TEXT-ALIGN: center; background-image:url(../images/Button/button.jpg); TEXT-DECORATION: none
}
.menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.menu UL LI {
	FLOAT: left; MARGIN-RIGHT: 0px; POSITION: relative
}
.menu UL LI UL {
	DISPLAY: none
}
.menu UL LI:hover A {
	BACKGROUND: #CCCCFF; COLOR:  #003366
}
.menu UL LI:hover UL {
	DISPLAY: block; LEFT:-181px; WIDTH: 150px; POSITION: absolute; TOP: 0px
}
.menu UL LI:hover UL LI A.hide {
	BACKGROUND: #336699; COLOR: #000
}
.menu UL LI:hover UL LI:hover A.hide {
	WIDTH: 180px
}
.menu UL LI:hover UL LI UL {
	DISPLAY: none
}
.menu UL LI:hover UL LI A {
	DISPLAY: block; background-image:url(../images/Button/button.jpg); WIDTH: 180px; COLOR: #333366
}
.menu UL LI:hover UL LI A:hover {
	BACKGROUND: #CCCCFF; COLOR: #003366
}
.menu UL LI:hover UL LI:hover UL {
	DISPLAY: block; LEFT: 151px; COLOR: #000; POSITION: absolute; TOP: 0px
}
.menu UL LI:hover UL LI:hover UL LI A {
	DISPLAY: block; BACKGROUND: #CCCCFF; WIDTH: 200px; COLOR: #000
}
.menu UL LI:hover UL LI:hover UL LI A:hover {
	BACKGROUND: #CCCCFF; COLOR: #fff
}
<title>???? ?????? ??????</title>