Разное расстояние в разных браузерах

[bobo]

Добрый вечер. Есть простой код:

			
<div class='menu' style='width:inherit; height:200px;'>
	<div style='width:inherit; height:15px;'></div>
	<ul>
		<li><a href='#'>Главная</a></li>
		<li><a href='#'>Новости</a></li>
		<li><a href='#'>Полезная информация</a></li>
		<li><a href='#'>Частные объявления</a></li>
		<li><a href='#'>Документы</a></li>
		<li><a href='#'>Фотоальбом</a></li>		
		<li><a href='#'>Гостевая книга</a></li>
		<li><a href='#'>Контакты</a></li>
	</ul>
</div>

.menu ul {
	list-style-image: url(red_linf.png);
	margin-left:70px;
}
.menu ul li {
	text-align:left;
	margin:7px 0 0 0;
	font-size: 13px;
}

В файрфоксе и ИЕ расстояние между пунктами меню немного больше, чем в опере. С чем это может быть связано ?

[swetlana]

маргин указан, а паддинг?

[Clubberry]

У меня почему-то всё нормально.

[bobo]

Светлана, а что паддинг ?

У меня почему-то всё нормально.

Серъезно ?

Я вот рисую div под этим меню: в опере между этим div'ом и последним пунктом меню расстояние около 10px, а в мозилле и ИЕ они почти вплотную пристыковываются

Edited March 11, 2011 by bobo

[Vlad]

Браузеры по разному интерпретируют list-style-image, возможно расстояние между пунктами из-за него. Попробуйте убрать его и проверить, меняется размер или нет. Или дайте ссылку на пример, тогда точно можно будет сказать в чем дело.

[Clubberry]

+ в ФФ бывает появляются отступы между изображениями.

[bobo]

Браузеры по разному интерпретируют list-style-image, возможно расстояние между пунктами из-за него. Попробуйте убрать его и проверить, меняется размер или нет. Или дайте ссылку на пример, тогда точно можно будет сказать в чем дело.

Вы оказались правы, без list-style-image все ок.

А как быть тогда ? Без картинок меню безликое какое-то..

[Great Rash]

Use background-image Luke!

[Clubberry]

задайте отступы.

[bobo]

Спасибо, все получилось, сделал с помощью фона

.menu ul {
	list-style: none;
	margin-left:50px;
}
.menu ul li {
	background:url(red_linf.png) no-repeat left center;
	padding-left:20px;
	text-align:left;
	margin:7px 0 0 0;
	font-size: 13px;
}

[wanntuzz]

Разные браузеры и должны показывать разное! Так должно быть и так всегда будет! Как выможете идти против естественного уклада?