Карусель и разные браузеры

[Bredova]

Есть сайт http://www.pssh8.ru

В шапке карусель из фотографий на JQuery.

Столкнулась с тем, что в Firefox все отображается нормально.

А вот IE добавляет к фото поля по другому.

Как привести к единому восприятию, я не знаю

Понимаю, что наверное сверстала криво, а как сделать правильно не понимаю.

Помогите, пожалуйста!

Вот код шапки:

<table width="990" border="0" cellspacing="0" cellpadding="0" align="center">
		  <tr>
			<td style="background-image:url(img/foto_bg.png); width:484px; height:265px;" valign="top">
				<div id="s1">
				<img src="img/up_img_01.jpg"  style="padding-left:35px; padding-top:24px; display:block;"/>
				<img src="img/up_img_02.jpg"  style="padding-left:35px; padding-top:24px;"/>
				<img src="img/up_img_03.jpg"  style="padding-left:35px; padding-top:24px;"/>
				<img src="img/up_img_04.jpg"  style="padding-left:35px; padding-top:24px;"/>
				<img src="img/up_img_05.jpg"  style="padding-left:35px; padding-top:24px;"/>
				<img src="img/up_img_06.jpg"  style="padding-left:35px; padding-top:24px;"/>
				<img src="img/up_img_07.jpg"  style="padding-left:35px; padding-top:24px;"/>
				<img src="img/up_img_08.jpg"  style="padding-left:35px; padding-top:24px;"/>
				<img src="img/up_img_09.jpg"  style="padding-left:35px; padding-top:24px;"/>
				<img src="img/up_img_10.jpg"  style="padding-left:35px; padding-top:24px;"/>
				<img src="img/up_img_12.jpg"  style="padding-left:35px; padding-top:24px;"/>
				<img src="img/up_img_13.jpg"  style="padding-left:35px; padding-top:24px;"/>
				<img src="img/up_img_14.jpg"  style="padding-left:35px; padding-top:24px;"/>
				</div>
			</td>
			<td width="10">
			</td>
			<td valign="top" align="right"><div style="padding-top:15px;"><a href="#"><img src="img/logo.png" width="307" height="64"  border="0"/></a></div><div class="app_text">“Мы хотим видеть в наших учениках людей,<br> способных достичь УСПЕХА и УСПЕШНОСТИ."</div></td>
		  </tr>
		</table>

[LunatiK]

css

#s1 img { background: transparent !important;}

А вообще-то, конешно, падингами ни кто не позиционирует картинки

[Dessss]

#sl че за такая ширина и высота по 30 пх? У меня даже в фф не работает. Проблемы со стилями. Я б убрал Position relative

[LunatiK]

#sl че за такая ширина и высота по 30 пх? У меня даже в фф не работает. Проблемы со стилями. Я б убрал Position relative

Не понял где вы там ширину и высоту увидели?

У меня в FF работает нормально. (на кашерность не проверял, но здесь и не ставится задача)

[Bredova]

css

#s1 img { background: transparent !important;}

А вообще-то, конешно, падингами ни кто не позиционирует картинки

Спасибо за подсказку, фон у фотографий ушел.

А почему IE и Firefox так по разному трактует поля, которые надо отступить?

В IE фотографии сдвинуты вправо больше

Как это побороть?

[LunatiK]

А почему IE и Firefox так по разному трактует поля, которые надо отступить?

Вопрос к разработчикам, я думаю разная ментальность

В IE фотографии сдвинуты вправо больше

Как это побороть?

В пятницу вечером уже нет сил разбираться. Используйте хаки в CSS типа _padding-right: 2px; или сколько вам там хочется.

Ну или если по хорошему то отдельные стили под IE

[Bredova]

В пятницу вечером уже нет сил разбираться. Используйте хаки в CSS типа _padding-right: 2px; или сколько вам там хочется.

Ну или если по хорошему то отдельные стили под IE

Спасибо за наводку, все получилось с помощью хаков.

[Dessss]

Научи плохому. Не юзайте хаки а разбирайтесь в чем дело. Скорее всего 3пк баг у картинки попробуйте vertical-align:top;

[LunatiK]

Dessss, неофитов мудрости учить это как идя по людной улице вслух библию читать- глупо, бесмыслено и рано для понимания, а может и вообще не пригодится.

[Bredova]

Dessss, неофитов мудрости учить это как идя по людной улице вслух библию читать- глупо, бесмыслено и рано для понимания, а может и вообще не пригодится.

))) хорошо сказали... но предупредить все же стоило.