nav {
overflow: hidden;
font-size: ;
width: 700px;
margin: auto
}
nav a {
font-family: times;
font-size: 17px;
text-decoration: none;
text-align: center;
text-color: black;
}
nav > ul {
padding: 0;
margin: auto;
position: center;
margin-bottom: 40px;
}
nav > ul li { display: inline-block; }
nav > ul > li > a {
display: block;
width: 100px;
line-height: 57px;
font-weight: 500;
border-style: ;
border-width: 100px
border-color: white;
margin-right: 6px;
-ms-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-ms-border-top-right-radius: 5px;
border-top-right-radius: 5px;
background-Image: url(https://cinni.net/images/web/stamp/moon_stamp.png)
}
nav > ul > li:hover > a {
color: #blue;
background-image: url(https://cinni.net/images/web/bg/a4.jpg);
}
nav > ul li ul { display: none; }
nav > ul li:hover ul {
display: inline-block;
position: absolute;
padding: 0;
margin: -4 0 0;
left: 0;
width: 100%;
top: 65px;
border: 1px purple;
background-image: url(https://cinni.net/images/web/bg/sparklecloud.gif)}
nav > ul li:hover ul > li > a {
display: block;
width: 96.2px;
color: #orange;
line-height: 35px;
z-index: -9999;
}