Hur gör jag för att centrera min dropdown-meny. Just nu ligger den åt vänster vilket inte passar bloggens tema.

Har försökt att ändra från left till center men då blir det bara hur fel som helst.

#navbar {
margin: 0;
padding: 0;
height: 2em; }
#navbar li {
list-style: none;
float: left; } /* Ändra till right om du vill ha menyn till höger istället*/

#navbar li a {
display: block;
padding: 3px 8px;
background-color: #C1B3B3; /*Ändra färgen på menyflikarna här*/
color: #fff; /*Ändra färgen på texten här*/
text-decoration: none;
font-family: verdana; /*Ändra typsnittet här*/
font-size: 15px; } /*Ändra storleken på texten här*/

#navbar li ul {
display: none;
width: 10em; /* Ändra bredden på undermenyn här */
background-color: #69f;}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1; }

#navbar li:hover li, #navbar li.hover li {
float: none; }
#navbar li:hover li a, #navbar li.hover li a {
background-color: #C1B3B3; /*Ändra färgen på undermenyn*/
border-bottom: 1px solid #fff;
color: #ffffff; } /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
background-color: #A49191; } /*Ändra färgen när man håller musen över undermenyn*/