Este formato hay que aplicarlo dentreo de la hoja de estilo (hj.css)

ul{

list-style-type: none;
margin-left: -40px;
margin-right: auto;
margin-top: 0px;
}

ul li {
text-align: left;
margin-left: auto;
margin-right: auto;
}

ul li a {
text-decoration: none;
color: #CC0000;
border: 1px solid #993300;
margin-right: auto;
margin-left: auto;
width: 286px;
padding: 6px;
display: block;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
background-color: black;
}

ul li a:hover {

color: #000;

background-color: #fff;

}

 

ul li ul {

display: none;

}

 

ul li:hover ul {

display: block;

}

 

ul li:hover ul a {

z-index:4;

margin-left: 30px;

width: 200px;

}