Центринг горизонтального выпадающего меню ⇐ CSS

[Anonymous]

Я пытаюсь создать горизонтальное раскрывающееся меню, которое сосредоточено. Атрибут NAV установлен на позицию: относительно. Атрибут раскрывающегося меню установлен на позицию: Absolute. Атрибуты левого и правого установлены на 0. Я пытался установить эти атрибуты на Auto. В обеих попытках горизонтальное выпадающее меню выровняется слева.

Код: Выделить всё

    @media (min-width: 992px){
nav {
background: transparent;
width: 100%;
height: 100px;
display: table;
padding-top: 10px;
float: left;
position: relative;
}

.logo {
height: 60px;
margin-left: 0px;
margin-right: 5px;
margin-top: -10px;
float: left;
}

nav ul {
padding-left: 0px;
height: 31px;
position: relative;
}

nav ul li {
list-style-type: none;
float: left;
margin-right: 4px;
}

nav ul li a {
color: #C0A882;
font-size: 11px;
display: block;
width: 95px;
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
text-decoration: none;
}

nav ul li a:hover {
border: 1px solid #C0A882;
background: #C0A882;
color: #ffffff;
}

nav ul ul {
display: none;
padding-top: 10px;
}

nav ul li:hover ul {
display: inline;
position: absolute;
left: 0;
right: 0;
top: 100%;
width: auto;
height: 32px;
}

nav ul li:hover ul li a {
float: left;
color: #C0A882;
width: auto;
padding: 10px;
height: 31px;
}< /code>
    
[list]
[img]/images/brand-name.png[/img]
[*]
[url=index.html]HOME[/url]

[*]
[url=#]COOL STUFF[/url]

[url=energy.html]ENERGY[/url]

[*][url=matter-replication.html]MATTER REPLICATION[/url]

[*][url=particle-accelerator.html]PARTICLE ACCELERATOR[/url]

[*][url=resources.html]RESOURCES[/url]

[*][url=space.html]SPACE[/url]

[*][url=terraforming.html]TERRAFORMING[/url]

[/list]

[*]
[url=#]THE PLANET[/url]
[list]
[url=catastrophe.html]CATASTROPHE[/url]

[*][url=cleaning-a-planet.html]CLEANING A PLANET[/url]

[*][url=climate-change.html]CLIMATE CHANGE[/url]

[*][url=environment.html]ENVIRONMENT[/url]

[/list]

[*]
[url=#]SCIENCE IDEAS[/url]
[list]
[url=atom.html]THE ATOM[/url]

[*][url=other.html]OTHER[/url]

[*][url=weak-forces.html]WEAK FORCES[/url]

[*][url=universe.html]UNIVERSE[/url]

[/list]

[*]
[url=.html]ELEMENTS[/url]

[*]
[url=.html]MORE[/url]

[*]
[url=.html]CONTACT[/url]

Подробнее здесь: https://stackoverflow.com/questions/797 ... pdown-menu