горизонтальный список с графическими разделителями

[Kotyara]

Помогите плиз! Задача стояла доверстать горизонтальное подменю, а опыта маловато... В результате получилось что адекватнее всего оно выводится в ИЕ6

Имею следующее: разделители в начале строки обрезаются (как и задумывалось) только в ИЕ6 и ИЕ7. В опере10 и ФФ 3.5 упорно не хотят скрываться. К этому всему добавилось то, что ИЕ7 не хочет переносить слово на вторую строку, обрывает на половине.

В чем может быть проблема? Уже не знаю куда смотреть

CSS

.submenu2 { position:relative; float:left; width:550px;  margin-bottom:5px; overflow:hidden}
.submenu2 ul { position:relative; float:left; display: inline; width:550px; overflow:hidden;}
.submenu2 ul li{ float: left; overflow:hidden; background: transparent url(../img/separator.png) no-repeat scroll left 50%;	list-style: none; margin-left: -1px;	padding: 1px 10px 2px 9px}
.submenu2 ul li a{ font-size:12px; font-family:Tahoma,Verdana,sans-serif; color:#523c05; text-decoration:underline}
.submenu2 ul li a:hover{ font-size:12px; color:#788d12; text-decoration:none}
.submenu2 ul li a.active{ font-size:12px; color:#788d12; text-decoration:none; cursor:default}
.submenu2 ul li a.active:hover{ font-size:12px; color:#788d12; text-decoration:none; cursor:default}

	   	<div class="submenu2">
			<ul>

			  <li><a href="/" class="active">Введение</a></li>
			  <li><a href="/">Начало</a></li>
			  <li><a href="/">Развитие</a></li>
......
			  <li><a href="/">Инструментарий</a></li>
			</ul> 
		  </div>

[Justnewone]

Обрезается, потому что overflow:hidden + высота. А по поводу "упорно не хотят скрываться" не понятно, покажите ссылку.

[psywalker]

Если уж флоат ставишь, то с оверфлоу так перебарщивать не стоит.

[Kotyara]

Обрезается, потому что overflow:hidden + высота. А по поводу "упорно не хотят скрываться" не понятно, покажите ссылку.

Высота чего, простите? У меня ж нигде высота вообще не прописывается... Я вообще не верстальщик, наводящих намеков не понимаю Если можно, конкретно в тегах пожалуйста...

А ссылку выложить не могу, верстка локально лежит. Суть в том, что весь список с разделителями сдвигается на 1 пиксель влево как и положено во всех браузерах, вот только в ИЕ6 и 7 разделители при этом скрываются, а в остальных нет. Может подскажите на что хоть смотреть то?

Если уж флоат ставишь, то с оверфлоу так перебарщивать не стоит.

А это могло вызвать какие-то из вышеназванных проблем?

[Justnewone]

А это могло вызвать какие-то из вышеназванных проблем?

Да, с высотой "померещилось", однозначно что именно из за этого IE обрезают.

быть может, имеет смысл вообще у LI убрать оверфлоу? Зачем он там? по коду не понятно, может какие-то срытые мотивы?

[psywalker]

Да, с высотой "померещилось", однозначно что именно из за этого IE обрезают.

быть может, имеет смысл вообще у LI убрать оверфлоу? Зачем он там? по коду не понятно, может какие-то срытые мотивы?

Вот и я про тоже, с оверфлоу перебор, да и не только, с position:relative; также.

[Kotyara]

быть может, имеет смысл вообще у LI убрать оверфлоу?

Точно, оно! В ИЕ7 теперь пункты переносятся. Спасибо!

Осталось только разобраться почему опера, ФФ и ИЕ8 не скрывают разделители слева...

[psywalker]

Точно, оно! В ИЕ7 теперь пункты переносятся. Спасибо!

Осталось только разобраться почему опера, ФФ и ИЕ8 не скрывают разделители слева...

А ты сдвинь ЛИ немного назад, отрицательным марджином.

[Kotyara]

А ты сдвинь ЛИ немного назад, отрицательным марджином.

так там и так есть margin-left: -1px; как раз на ширину этого разделителя... увеличение сдвига ничего не дает, все замечательно двигается, только с видимыми разделителями

[psywalker]

так там и так есть margin-left: -1px; как раз на ширину этого разделителя... увеличение сдвига ничего не дает, все замечательно двигается, только с видимыми разделителями

Покажи весь код, который щас есть.

[Kotyara]

http://sw0.spiceweb.com.ua/02_text_15.html вот выложили, может так понятнее будет

[psywalker]

А ты повесь на первый ЛИ <li class='first'> и отмени у него фон просто.

А вообще трабл сам в том, что у тя там паддинг фонит у .submenu2 ul , обнули его, настрой отступы и всё.

[Kotyara]

А ты повесь на первый ЛИ <li class='first'> и отмени у него фон просто.

а мы легких путей не ищем )))

Паддинг обнулила, отступы поставила, все работает!!! Спасибо!

[psywalker]

а мы легких путей не ищем )))

Паддинг обнулила, отступы поставила, все работает!!! Спасибо!

Молодца, приходи ещё.