Лишнии отступы а списке li убрать

[okunev2]

Вот такая вот проблема, не знаю как избавится от кривоты в IE и Мозиле, сделать как в Опере ровно:

/* Treeview */
#ex2 {margin: 0 12px 26px 30px;}
#ex2 ul li a.first {font: bold 12px Tahoma; color: #000000;}
.treeview, .treeview ul {padding: 0; margin: 0; list-style: none;}
.treeview ul {background-color: none; margin-top: 4px;}
.treeview .hitarea {background: url('./images/treeview-default.gif') -64px -25px no-repeat; width: 16px; height: 16px; margin: 1px 0 0 -16px; float: left; cursor: pointer;}
/* fix for IE6 */
* html .hitarea {display: inline; float: none;}
.treeview li {margin: 0; padding: 5px 0 5px 14px; display: block; }
.treeview a {margin-left: 2px; font: normal 12px Tahoma; color: #000000; text-decoration: none;}
.treeview a.hover {text-decoration: none; cursor: pointer;}
.treeview a.selected {margin-left: -2px; padding: 4px 5px 4px 5px; background-color: #b5b5b5;}
#treecontrol {margin: 1em 0; display: none;}
.treeview li {background-position: 0 0; background-repeat: no-repeat;}
.treeview li.collapsable, .treeview li.expandable {background-position: 0 -176px;}
.treeview .expandable-hitarea {background-position: -80px -3px;}
.treeview li.last {background-position: 0 -1765px;}
.treeview li.lastCollapsable, .treeview li.lastExpandable {background-image: url('./images/treeview-default.gif');}
.treeview li.lastCollapsable {background-position: -2px -109px;}
.treeview li.lastExpandable {background-position: -34px -65px;}
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {background-position: 0;}
.treeview-gray li {background-image: url('./images/treeview-gray-line.gif');}
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable {background-image: url('./images/treeview-gray.gif');}

				<div id="ex2">
				<ul id="navigation">
					<li><a href="?1" class="first">Фото</a>
					<ul>
						<li><a href="?1.1">Фотоаппараты</a>
							<ul>
								<li><a href="?1111">test</a></li>
								<li><a href="?11112">test</a></li>
								<li><a href="?11113">test</a></li>
							</ul>
						</li>
						<li><a href="?1.2">Объективы</a>
							<ul>
								<li><a href="?1.2.777">Для Canon</a></li>
								<li><a href="?1.2.0">Для Nikon</a>
									<ul>
										<li><a href="?1.2.0.1">Nikkor Af 346 4237 753  2462 773</a></li>
										<li><a href="?1.2.0.2">Nikkor Af 346 4237 753  2462 773</a></li>
										<li><a href="?1.2.0.3">Nikkor Af 346 4237 753  2462 773</a></li>
										<li><a href="?1.2.0.4">Nikkor Af 346 4237 753  2462 773</a></li>
										<li><a href="?1.2.0.5">Nikkor Af 346 4237 753  2462 773</a></li>
									</ul>
								</li>
								<li><a href="?1.2.1">Item 1.2.1</a>
									<ul>
										<li><a href="?1.2.1.0">Item 1.2.1.0</a></li>
									</ul>
								</li>
								<li><a href="?1.2.2">Item 1.2.2</a>
									<ul>
										<li><a href="?1.2.2.0">Item 1.2.2.0</a></li>
										<li><a href="?1.2.2.1">Item 1.2.2.1</a></li>
										<li><a href="?1.2.2.2">Item 1.2.2.2</a></li>
									</ul>
								</li>
							</ul>
						</li>
					</ul>
					</li>
				</ul>
				</div>

[psywalker]

В условных комментах для ИЕ пропиши нужную позицию фона.

[okunev2]

В условных комментах для ИЕ пропиши нужную позицию фона.

я пробывал разные варианты, но не получается, всеравно все пляшет

Edited June 4, 2011 by okunev2

[buddah]

Была схожая ситуация, помогло vertical-align: baseline

Edited June 4, 2011 by buddah

[okunev2]

Условные комментарии ИЕ

Позиции фона

да знаю я это, просто не понятно из-за того что все на js завязано. где точно под ИЕ можно сделать, но как это себя поведет в Мозиле

Была схожая ситуация, помогло vertical-align: baseline

куда прописали, на какое условие?

[buddah]

Пройдите по ссылке, там куча вариантов. Читайте, экспериментируйте.

[okunev2]

Пройдите по ссылке, там куча вариантов. Читайте, экспериментируйте.

уже все перепробывал, не пойму

Под ИЕ то можно как-то подправить, а вот как быть с Мозилой

[ShumNo]

залейте/покажите страницу

[okunev2]

залейте/покажите страницу

Скачать файл верстка.zip

[okunev2]

вроде разобрался просто надо было ссылкам дать display: block; и line-height: 12px; ну и поиграться под ИЕ отступами списков в условных комментариях

[ShumNo]

раз разобрались

Edited June 4, 2011 by ShumNo