Как такое сделать?

[Shader]

Привет всем!

Вот делаю свой сайт на ВП и там пхп, который я еще не совсем гуд понимаю.

Дело в том чтобы в выпадающем меню, нада сделать много пунктов (в ширину)

Вот само меню

Вот отгрызок из пхп

<div class="header-menu">
		<?php wp_nav_menu( array('fallback_cb' => 'blue_and_grey_page_menu', 'menu' => 'primary', 'depth' => '3', 'theme_location' => 'primary', 'link_before' => '<span><span>', 'link_after' => '</span></span>') ); ?>
	</div>

А вот из ксс. Пробовал менять стили, но даже увеличив ширину понял, что если написать пять слов ширину, они всеровно будут одной ссылкой, так что надо менять пхп отгрызок, но я не знаю как.

КСС участок :

.header ul.menu {position: absolute; bottom: 0; left: 0; width: 962px; height: 44px; margin: 0; padding: 0; list-style: none; background: url("images/mm.png") center 2px no-repeat;}
.header ul.menu li {float: left; position: relative; height: 44px; margin: 0; padding: 0 2px 0 0; background: url("images/mm-separator.png") right 4px no-repeat;}
.header ul.menu>li>a {float: left; position: relative; z-index: 2; height: 40px; padding: 0 3px 4px 0; line-height: 40px; background: url("images/mm-over.png") 0 -90px no-repeat; text-decoration: none;}
.header ul.menu>li>span a {float: left; height: 40px; padding: 0 0 0 3px;}
.header ul.menu>li>a span span {float: left; height: 40px; padding: 0 13px; color: #e4f1f8; font: bold 1.167em/40px PTSansBold,sans-serif; text-shadow: #1c6c96 1px 1px 2px; text-transform: uppercase;}
.header ul.menu>li>a:hover, .header ul.menu>li:hover>a, .header ul.menu>li.current_page_item>a, .header ul.menu>li.current-menu-item>a {height: 44px; background-position: right -44px;}
.header ul.menu>li>span a:hover, .header ul.menu>li:hover>span a, .header ul.menu>li.current_page_item>span a, .header ul.menu>li.current-menu-item>span a {height: 44px; background: url("images/mm-over.png") 0 -44px no-repeat;}
.header ul.menu>li>a:hover span span, .header ul.menu>li:hover>a span span, .header ul.menu>li.current_page_item>a span span, .header ul.menu>li.current-menu-item>a span span {height: 44px; background: url("images/mm-over.png") center 0 no-repeat; color: #fff; text-shadow: #729d1e 1px 1px 2px;}

.header ul.menu li ul {display: none; position: absolute; left:0; top: 37px; z-index: 1; list-style: none; width: 180px; margin: 0; padding: 0; border: 1px solid #d8d8d8; border-top:none; background: #ccc; -webkit-box-shadow: 0 0 5px rgba(50, 50, 50, 0.55); moz-box-shadow: 0 0 5px rgba(50, 50, 50, 0.55); box-shadow: 0 0 5px rgba(50, 50, 50, 0.55); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.header ul.menu>li:hover>ul {display: block;}
.header ul.menu li ul li {float: none; height: auto; padding: 0; margin: 0; background: none; }
.header ul.menu li ul li a {display: block; float: none; height: auto; padding: 5px 15px; border-top: 1px solid #d8d8d8; color: #888; font: normal 1.083em PTSans,sans-serif; text-decoration: none;}
.header ul.menu li ul li a:hover, .header ul.menu li ul li:hover>a {background: #eee; color: #555; padding: 5px 15px; height: auto;}
.header ul.menu>li>ul>li>ul {display: none; left: 180px; top: 0;}
.header ul.menu>li>ul>li:hover>ul {display: block;}

Кто-то знает как решить, проблему.

Ну на простом хтмл, я бы тоже сделал но мне нужно именно в такой ситуации.

[Softlink]

А что тут должен делать(делает) php? Такое и на css вполне можно сделать. Допили для себя.

[Shader]

А что тут должен делать(делает) php? Такое и на css вполне можно сделать. Допили для себя.

Пхп? да он на ВП стоит и без него не как. А без CMS не хочетс делать, ведь там уже все готово поиск, рег, чего я сам пока не могу сделать, а готовые решения - не катят.

Спс. Ща буду пробовать.