meni razporejen po celotni dolžini

Kako bi menijsko vrstico spremenil tako da bodo linki razporejeni po celotni dolžini spletne strani. Zdej so razporejeni na levo stran in se potem nekje na sredini konča, jaz bi pa rad da je razporejeno po celi dolžini menijske vrstice.

.menu {
	background-color: #006400;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#006400), to(#008000));
	background-image: -webkit-linear-gradient(top, #006400, #008000);
	background-image: -moz-linear-gradient(top, #006400, #008000);
	background-image: -ms-linear-gradient(top, #006400, #008000);
	background-image: -o-linear-gradient(top, #006400, #008000);
	background-image: linear-gradient(top, #006400, #008000);
	clear: both;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#006600, endColorstr=#008000);
	margin: 0 auto;
}

.main-nav {
	clear: both;
}

.menu,
.menu ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu li {
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
text-align:center;
}

.menu li:hover {
	white-space: normal;
	z-index: 10000;
}

.menu li li {
	float: none;
}

.menu ul {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 10;
}

.menu li:hover > ul {
	top: 100%;
	visibility: visible;
}

.menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.menu:after,
.menu ul:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.menu,
.menu ul {
	min-height: 0;
}

.menu ul,
.menu ul ul {
	margin: 0;
	padding: 0;
}

.menu ul li a:hover,
.menu li li a:hover {
	color: #000000;
	text-decoration: none;
}

.menu ul {
	margin-top: 1px;
	min-width: 15em;
	width: auto;
}

.menu a {
	border-left: 1px solid #F0E68C;
	color: #F0E68C;
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 700;
	height: 45px;
	line-height: 45px;
	margin: 0;
	padding: 0 0.9em;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 0 #000000;
	white-space: nowrap;
        text-align:center;
}

.menu a:hover {
	background-color: #808080;
	background-image: -webkit-gradient(linear, left top, left bottom, from(##006400), to(#008000));
	background-image: -webkit-linear-gradient(top, ##006400, #008000);
	background-image: -moz-linear-gradient(top, ##006400, #008000);
	background-image: -ms-linear-gradient(top, ##006400, #008000);
	background-image: -o-linear-gradient(top, ##006400, #008000);
	background-image: linear-gradient(top, ##006400, #008000);
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=##006400, endColorstr=#008000);
}

ul.menu > li:hover {
	background-color: #363636;
	color: #ffffff;
}

.menu .current_page_item a,
.menu .current-menu-item a {
	background-color: #006600;
}

.front-page .menu .current_page_item a {
	background: none;
	background-color: transparent;
	background-image: none;
	filter: none;
}

.menu li li {
	background: #ffffff;
	background-image: none;
	border: 1px solid #e5e5e5;
	color: #444444;
	filter: none;
	margin: -1px 0 1px 0;
	width: auto;
}

.menu li li a {
	background: transparent !important;
	border: none;
	color: #444444;
	font-size: 12px;
	font-weight: 400;
	height: auto;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	text-shadow: none;
	white-space: nowrap;
}

.menu li li a:hover {
	background: #f5f5f5 !important;
	background-image: none;
	border: none;
	color: #444444;
	filter: none;
}

.menu li li:hover {
	background: #f5f5f5 !important;
	filter: none;
}

.menu ul > li + li {
	border-top: 0;
}

.menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.menu > li:first-child > a {
	border-left: none;
}

.menu a#responsive_menu_button {
	display: none;
}

.main-nav #responsive_current_menu_item {
	display: none;
}

/*.js .main-nav .menu {*/
/*display: block;*/
/*}*/

/* =Primary Main Menu IE Fixes

D-monLord je 5. nov 2013 ob 14:39 izjavil:

Đizus F. Krajst, kaj si to spisal.

Ne kompliciraj, pa tudi če ni 'fensi', za take primere uporabi
table style="width:100%", pa se bodo celice same raztegnile na pravo širino.

Tukaj se vidi razlika med profesionalcem in amaterjem

css in html daj na jsfiddle da lahko sprobamo sploh kaj imaš.

XzupanX je 5. nov 2013 ob 17:05 izjavil:

tole je iz predloge in nisem jaz pisal, poleg tega je pa to za wordpress

nisem se nanašal na tvoj post ampak komentar od "D-monLord-a"