๖ۣۜInspire, вот что получилось, это безусловно стало растянутое или как говорят резиновое меню. И была изменена сама суть его, это основа стала темнее , а вот навигация в желтом оттенке и можете посмотреть что вышло, код ниже приведен.
Только с такими стилями, что сразу видно изменился дизайн, а надо было, немного сделать потемней и сами треугольники создать намного ярче и совершенно другой обзор, где можно установить даже на игровой сайт.
Код
<ul class="menu">
<li><a class="first" href="http://zornet.ru/">Главная</a></li>
<li><a href="http://zornet.ru/">Скрипты сайта</a></li>
<li><a href="http://zornet.ru/">ZORNET.RU</a></li>
<li><a href="http://zornet.ru/">Блог</a></li>
<li><a href="http://zornet.ru/">Шаблоны сайта</a></li>
<li><a href="/">Все для uCoz</a></li>
<li><a href="/">Дизайн сайта</a></li>
<li><a href="/">Связь</a></li>
</ul>
Стили:
Код
ul.menu {list-style:none;padding:0;margin:0;width: inherit;height:36px;line-height:300%;font-weight:600;background: url('http://zornet.ru/SKRIPT/Menu/left.jpg') no-repeat left, url('http://zornet.ru/SKRIPT/Menu/right.jpg') no-repeat right, url('http://zornet.ru/SKRIPT/Menu/center.jpg'); ;font-size:12px; font-family:Tahoma;
}
ul.menu li {float:left;position:relative;height:36px;background:url('http://zornet.ru/SKRIPT/Menu/separator.png') top right no-repeat;}
ul.menu li a {background:url('http://zornet.ru/SKRIPT/Menu/href.png') top center no-repeat;color:#F3FFA6;text-decoration:none;display:block;height:36px;padding:0 11px;margin-right:3px;overflow:hidden;text-shadow:0 1px 1px #000;}
ul.menu li a.first {background:none;}
ul.menu li a:hover {background:url('http://zornet.ru/SKRIPT/Menu/hover-6754.png') top center no-repeat;}