Как растянуть равномерно меню

[Mary_RND]

Сайт

http://vivatlatour.ru/about

Не получается отцентровать меню, помогите объясните )

html

<!-- menu -->	
<div id="base_menu">
  <div id="menu_l">
    <ul id="menu">
	<li class="first"><a href="#">О компании</a></li>
	<li><span>Страны</span></li>
	<li><a href="#">Новости</a></li>
	<li><a href="#">Отели</a></li>
	<li><a href="#">Навигатор</a></li>
	<li><a href="#">Подбор тура</a></li>
	<li><a href="#">Спецпредожение</a></li>
	<li class="last"><a href="#">Контакты</a></li>
    </ul>
  </div>
</div>
<!-- /menu -->

css

/* base_menu */
#base_menu {
	display: block;
	position: relative;
	float: left;
  	width: 100%;
	height: 47px;
 	background: url(../i/bg_menu_l.gif) no-repeat left top;
	}

#menu_l {
	width: 100%;
	float: left;
	background: url(../i/bg_menu_r.gif) no-repeat right top;
	height: 47px;
}

ul#menu {
	float: left;
	list-style: none;
	padding: 11px 30px 17px 45px;
	font-family: "Times New Roman";
	font-size: 18px;
	margin: 0 auto;
  	}

ul#menu li{
	padding: 0 0 0 18px;
	margin: 0 10px 0 0;
	color: #fff;
	float: left;
	font-weight: bold;
	background: url(../i/marker_menu.gif) no-repeat 0 5px; 
	}

ul#menu li a {
	color: #500000;
       	}

ul#menu li a:hover {
	color: #fff;
	text-decoration: none;
       	}

ul#menu li span { 
	background: url(../i/marker_menu_s.gif) no-repeat 50% 100%; 
	  }

ul#menu li.first{
	padding: 0 0 0px 18px;
	}

ul#menu li.last {
	margin: 0 0px 0 0;
	}

/* / base_menu */

Когда-то я делала такое же, но получилось отцентровать, а тут как из головы вылетело ><

Edited March 30, 2010 by Mary_RND

[rus]

единственное что у меня получилось, так это вот:

/* base_menu */
#base_menu {
display: block;
width: 100%;
height: 47px;
background: url(../i/bg_menu_l.gif) no-repeat left top;
}

#menu_l {
width: 100%;
background: url(../i/bg_menu_r.gif) no-repeat right top;
height: 47px;
}

ul#menu {
list-style: none;
padding: 11px 30px 17px 45px;
font-family: Times New Roman;
font-size: 18px;
margin: 0 auto;
width:80%;
}

ul#menu li{
padding: 0 0 0 18px;
margin: 0 10px 0 0;
color: #fff;
float: left;
font-weight: bold;
background: url(../i/marker_menu.gif) no-repeat 0 5px;
}

ul#menu li a {
color: #500000;
}

ul#menu li a:hover {
color: #fff;
text-decoration: none;
}

ul#menu li span {
background: url(../i/marker_menu_s.gif) no-repeat 50% 100%;
}

ul#menu li.first{
padding: 0 0 0px 18px;
}

ul#menu li.last {
margin: 0 0px 0 0;
}

/* / base_menu */

лишний код убрал, но это думаю не вариант, так как при добавлении нового пункта меню оно съедет вниз.

[Mary_RND]

Меню шло с условием таких именно пунктов..так что здесь уже на их усмотрение

Спасибо

хотя стоп,это меню будет просто по центру

глупая я><

заголовок темы написала правельно, а внутри не то немного(

Не отцентровать, а растянуть равномерно.

Edited March 30, 2010 by Mary_RND

[rus]

вот равномерно растянуть - это к Волкеру, у него был примерчик один, но мне он так и не понадобился.

с <li> вообще засада растянуть равномерно.

[Mary_RND]

А как его найти?)

[rus]

А как его найти?)

Вот этот тип, гражданской наружности.

[Mary_RND]

Понятно чего я его не могла найти то))) фиг догадаешься ведь как Волкер то на форуме написан правельно..@_@

[rus]

Понятно чего я его не могла найти то))) фиг догадаешься ведь как Волкер то на форуме написан правельно..@_@

понятно, но странно почему ты его не знаешь, ведь это джеддак верстки, О'двар css и пантан html.

[Mary_RND]

Я много кого не знаю) css и html учусь с помощью седерхольма>< и интернета) я редкий гость тут) когда поправде не понимаю происходящего((

за советом и помощью)

[psywalker]

понятно, но странно почему ты его не знаешь, ведь это джеддак верстки, О'двар css и пантан html.

Хахаха, поржал отменно

ТС, а тебе я в личной переписке всё уже отписал.

[Mary_RND]

Еще раз большое спасибо^__^