Как да поставя това CSS меню ?

RhythmiX

Registered
Добър ден,ще се радвам,ако може да ми помогнете да сложа ТОВА МЕНЮ на моя сайт.

ТУК са кодовете за менюто,а аз трябва да сложа менюто тук.

ТОВА Е СТАРОТО МЕНЮ:
Код:
	<div id="Menu">
		<ul>
			<li class="First %%GLOBAL_ActivePageHomeClass%%"><a href="%%GLOBAL_ShopPathNormal%%/"><span>%%LNG_MainPage%%</span></a></li>
			%%SNIPPET_PageMenu%%
		</ul>
	</div>

Тук се появяват линковете,които добавям от admin panel-а
Код:
%%SNIPPET_PageMenu%%


А тук е div id-то на старото меню
Код:
#Menu {
	clear: both;
	float: left;
	width: 100%;
	margin: -80px 0 0 0;
	height: 22px;
	display: inline;
	position: relative;
	z-index: 1;
}

#Menu ul {
	margin: 0;
	padding: 0;
}

#Menu li {
	float: left;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#Menu li.First {
	border-left: 10px solid #fff;
}

#Menu li a {
	display: block;
	float: left;
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 10px 3px 10px;
	height: 16px;
}

#Menu li a:hover	{
	text-decoration: underline;
}

#Menu li ul {
	width: auto;
	position: absolute;
	clear: left;
	top: 22px;
	left: 0;
	display: none;
	text-align: left;
	font-size: 0.85em;
	background: transparent;
	z-index: 10;
}

#Menu li ul li {
	clear: both;
	text-align: left;
	background: transparent;
}

#Menu li ul li a {
	padding: 5px 10px 5px 10px;
	font-size: 1em;
	text-align: left;
	margin: 0;
	width: 120px;
	height: auto;
}

#Menu li ul li a:hover {
}

#Menu li:hover a, #Menu li.over a{
	text-decoration: underline;
}

#Menu li ul li a, #Menu li.over li a {
	text-decoration: none !important;
}

#Menu li:hover ul, #Menu li.over ul {
	display: block;
}



Мен ме интересува новото меню да е на същото местоположение,аз там не мога да се справя..като добавя новото се разхвърля цялото.
Как да наглася новото меню да функционира и да е на мястото на старото?
 

Back
Горе