Drop-down Menus not Centered

My blog is http://www.gnarledcarrots.com
I’m using WordPress 4.5

The drop-down menus at the top of my page aren’t centered. The spacing between the menus at the top are fine, but when you hover over them the sub-menus are centered within the sub-menu, but the menu itself is aligned to the left. It looks almost fine on the Recipes drop-down because all of the text is about the same width. However, I just added sub-menus to the Blog section and they alignment is really off.

It may have always been like this and I just didn’t notice because it was close enough, or I may have screwed it up with some other coding. Either way, I have no idea how to fix it! Any help would be appreciated.

The menu coding is:

nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
	padding-top: 4px;
	}

nav ul {
	position: relative;
	padding: 0;
	border-radius: 0;
	display: inline-table;
}

nav ul:after {
	content: ""; clear: both; display: block;
	}

nav ul li {
	float: left;
}

	nav ul li a {
	display: block;
	}

nav ul ul {
    background: none repeat scroll 0 0 #292929;
    position: absolute;
    width: auto;
}
	nav ul ul li {
	float: none;
	position: relative;
	}

	nav ul ul li a:hover {
	background: #636363;
			}

nav li {
  position: relative;
}