не отображаются картинки в IE

[tipoc]

Всем привет!

Есть кусок html кода:

<ul class="CategoryTree">
 <li class="submenu">
 <span class="nodeImage" onclick="java script:ajaxOpenCategory(1);return false"></span>
 <a href="category.html?catId=1">cat-1 id=1</a></li>
 <li class="submenu"><span class="nodeImage" onclick="java script:ajaxOpenCategory(2);return false"></span>
 <a href="category.html?catId=2">cat-2 id=2</a></li>
 <li class="leaf"><span class="nodeImage" onclick="java script:ajaxOpenCategory(3);return false"></span>
 <a href="category.html?catId=3">cat-3 id=3</a></li>
 <li class="leaf"><span class="nodeImage" onclick="java script:ajaxOpenCategory(4);return false"></span>
 <a href="category.html?catId=4">cat-4 id=4</a></li> 
</ul>

Есть css-файл к нему:

.CategoryTree {
 list-style: none;
 text-decoration: none;
 display: inline;
 color: black;
}
.CategoryTree ul{
 list-style: none;
 margin: 0;
 padding: 0;
}
.CategoryTree li {
 list-style: none;
 margin-left: 5px;
 padding: 2px;
}

.CategoryTree a {
 display: inline;
 padding:0px;
}
.CategoryTree .nodeImage { 
 padding-left: 17px;
 background-repeat:no-repeat;
 background-position: left;
}
.CategoryTree .selectedSubmenu .nodeImage {
 background-image: url(../images/open.gif);
}
.CategoryTree .submenu .nodeImage { 
 background-image: url(../images/closed.gif);
}
.CategoryTree .leaf .nodeImage { 
 background-image: url(../images/list.gif);
}

В firefox файлы open.gif, closed.gif, list.gif отображаются нормально. А в IE 6/7 они не отображаются. В чем может быть дело?

[homm]

В кавычках.

[tipoc]

Если по-простому, то проблема такая:

ie не отображает фоновые изображения для элемента span. Как решить данную проблему?

[tipoc]

2homm:

Что в кавычках?

[yopopt]

Попробуйте что-нибудь вставить в span. К примеру $nbsp; или (этот вариант лучше).

[homm]

В firefox файлы open.gif, closed.gif, list.gif отображаются нормально. А в IE 6/7 они не отображаются. В чем может быть дело?

В кавычках.

Что в кавычках?

Дак вот? дело может быть в кавычках.

[tipoc]

Попробуйте что-нибудь вставить в span. К примеру $nbsp;

Так и сделал. Помогло. Спасибо.

[tipoc]

Еще проблема. Layout кривой при отображении данного кода в ослике (explorer).

Вот например как отображаются корневые категории (cat-1, cat-2, cat-3, cat-4):

explorer (первая категория cat-1 уехала далеко вправо):

firefox (отображает как надо):

А вот что происходит при открытии первой категории cat-1:

explorer (первая категория cat-1 уехала вправо, а ее подкатегории (cat-11, cat-12, cat-13, cat-14) - влево):

firefox (отображает как надо):

При открытии второй категории cat-2:

explorer(подкатегории cat-22, cat-21 второй категории cat-2 уехали влево):

firefox(отображает как надо):

Как сделать корректное отображение в ослике?

[pvppvp]

в Explorere на моём сайте не отображаются картинки на странице Галерея http://galadesign.org/photos.php и весь сайт съезжает влево, а в друих браузерах (Firefox, Opera, Chrome, Safary) - всё нормально. изменения пути к файлу (полный - не полный) ничего не дают как и смена типа файла, при этом если вводить полный путь к картинке http://galadesign.org/images/2.jpg то она грузится. В чем дело и что неправильно? Помогите!

<?php require_once ("parts/meta.php");?>
<div id="wrapper">
<a id="top"></a>
	<div id="menu"><?php require_once ("parts/menu.php");?>	</div>
 	<!-- end #menu -->
	<div id="header">		
	</div>
	<!-- end #header -->
	<div id="page">
	<div id="page-bgtop">
	<div id="page-bgbtm">
		<div id="content">
			<div class="post">
				<h2 class="title">Фотогалерея наших работ</h2>
 							<div style="clear: both;"> </div>
				<div class="entry">


<table border="3">
<thead>
<tr>
<th><img src="http://galadesign.org/images/1.png" width="100%" height="100%"/></th>
<th><img src="//galadesign.org/images/2.jpg" width="100%" height="100%"/></th> 
</tr>
</thead>   

<tr> 
<td colspan="2"><img src="/images/3.jpg" width="100%" height="100%"/></td>
</tr>
<tr>
<td colspan="2"><img src="/images/4.jpg" width="100%" height="100%"/></td>

<!--ну и так далее до конца таблицы...-->


</table>
<!--end таблицы-->

				</div>
			</div>
			<div class="post">
				<h3 class="title">Говорят: "Встречают по одёжке, а провожают по уму"</h3>
				<div style="clear: both;"> </div>
				<div class="entry">
                    <p>Надеемся что эта небольшая подбора фотографий наших работ, даст первое представление о том, что мы делаем и как это выглядит.</p>
<p>Второй на наш взгляд по важности в списке приоритетов вопрос (после общего эстетического вида), это то насколько Ваш дом комфортен с практически-технической точки зрения.</p>
<h3>С техническими аспектами современного дома, можно более подробно познакомится на  странице <a href="technology.php"><u>Технологии</u></a></h3>
				</div>
<a href="#top">Наверх страницы</a>
			</div>

		<div style="clear: both;"> </div>
		</div>
		<!-- end #content -->
<div id="sidebar"><?php require_once("parts/sidebar.php");?></div>
		<!-- end #sidebar -->
		<div style="clear: both;"> </div>
	</div>
	</div>
	</div>
	<!-- end #page -->
</div>
	<div id="footer"><?php require_once("parts/footer.php");?></div>
	<!-- end #footer -->

</body>
</html>

Edited June 19, 2012 by alexriz
Для кода используйте тег CODE