Проблема отображения <li> в браузерах

[qazew]

Доброе время суток.

Раньше с дизайном особых проблем не было, ответы находил либо сам (методом тыка) либо на форумах. Но вот вчера столкнулся с проблемой отображения списка в браузерах IE6 и FF3.5.5.

Вообще вот суть. Есть список разделов, в них входят подразделы. используются теги <ul><li> как для разделов так и подразделов. Но этот самый список в разных браузерах отображается по разному.

вот кусок css кода:

.box ul {
				margin: 0;
				padding: 0;
		}

		.box li {
				list-style-type: none;
				margin: 0 0 0 3px;
				padding: 0 0 4px 20px;
				background: url('blt.gif') no-repeat;
		}

В общем если делаю отступы для подразделов, то в IE6 он так же сдвигается. Нужно сделать что бы в IE & FF отображалось одинаково с отступом подразделов. Как сделать?

Заранее спасибо

Edited February 12, 2010 by qazew

[Justnewone]

Для начала закинуть на валидатор и внимательно почитать, что он напишет.

[qazew]

Для начала закинуть на валидатор и внимательно почитать, что он напишет.

Проверил валидность css, пишет что все ок. проверка html кода содержит 3 ошибки, но это совсем другое.

[psywalker]

Вот это что за код такой?

	   <li><a href="./categories.php?cat_id=11">Города Марий Эл</a></li>
		   <ul>
				  <li><a href="./categories.php?cat_id=16">Юрино</a></li>
				  <li><a href="./categories.php?cat_id=15">Звенигово</a></li>
				  <li><a href="./categories.php?cat_id=14">Волжск</a></li>
				 <li><a href="./categories.php?cat_id=13">Козьмодемьянск</a></li>
		  </ul>
	  <li><a href="./categories.php?cat_id=12">Йошкар-Ола 21 века</a></li>

[qazew]

Вообще это код раздела сайта, собственно который почему-то отображается по разному в разных браузерах. структура должна быть такая

<ul>

<li>Раздел</li>

<ul>

<li>подраздел</li>

</ul>

</ul>

Edited February 12, 2010 by qazew

[Great Rash]

Хех, вы реально не понимаете, что вам хотят сказать...

У вас HTML неправильно написан.

[qazew]

Объясните пожалуйста где именно. Я больше в кодинге чем в дизайне понимаю.

Edited February 12, 2010 by qazew

[Justnewone]

Объясните пожалуйста где именно. Я больше в кодинге чем в дизайне понимаю. вот ссылка на сайт http://olacity.ru/details.php?image_id=1 слева можно увидеть меню

что тут объяснять? Уже видно что вы не понимаете азов, прочитайте про списки и особено про вложенные, многоуровневые. Прям готовый поисковый запрос.

[Great Rash]

Я больше в кодинге чем в дизайне понимаю.

Что-то фигово вы в кодинге понимаете... а дизайн тут вообще не при чем.

Вместо:

<ul>
	<li>text</li>
	<ul>
		<li>text2</li>
	</ul>
	<li>text</li>
</ul>

Надо писать так:

<ul>
	<li>text
		<ul>
			<li>text2</li>
		</ul>
	</li>
	<li>text</li>
</ul>

[qazew]

А, вон как надо. Сейчас попробую. Я про кодинг в php говорил

вот я олень, одну строчку поменял местами, вывод подкатегорий нужно было до закрывающего </li>, а я после поставил. Все нормально. Модераторы, удалите тему пожалуйста, или ссылку на сайт в ваших цитатах