не правилное растояние м/д изображениями в IE

[subbota]

в мазиле и в опере порядок а в IE увеличиваетя растояние м/д двумя первыми картинками

скрипт

<script type="text/javascript" src="highslide-4.1.4/highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="highslide-4.1.4/highslide/highslide.css" />



<script type="text/javascript">
hs.graphicsDir = 'highslide-4.1.4/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'glossy-dark';
hs.wrapperClassName = 'dark';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;

// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});



</script>

код html

<br>
<div style="border:#feb072 solid 0px;padding:4px 6px 2px 6px">

<div class="highslide-gallery">
<center>
<!--фото ваз 2114-->

<a href="images/bol/2114/1.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="images/mal/2114/1.jpg" alt="Е4тюнинг" title="нажмите для увеличения" />
</a>

<div class="highslide-caption">
Е4тюнинг
</div>

<a href="images/bol/2114/2.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="images/mal/2114/2.jpg" alt="Е4тюнинг" title="нажмите для увеличения" />
</a>

<div class="highslide-caption">
Е4тюнинг
</div>

<a href="images/bol/2114/3.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="images/mal/2114/3.jpg" alt="Е4тюнинг" title="нажмите для увеличения" />
</a>

<div class="highslide-caption">
Е4тюнинг
</div>


</div>
</center>

</div>
<br>
скрины

[InternetStranger]

Лучше ссылку в студию )
Выложи куда-нить )) А то так изучать практически невозможно

[subbota]

http://www.e4tuning.ru/

[InternetStranger]

Ааа Кажись понял.

Вы как-то шибко "ненадежно" указали картинкам быть в центре.
Насколько помню, IE (по крайней мере IE6-7 точно) очень близко к сердцу воспринимает свойство text-align.

и ссылки на фотку

<a onclick="return hs.expand(this)" class="highslide" href="..."><img title="нажмите для увеличения" alt="Е4тюнинг" src="..."></a>

успешно наследуют от контейнера <td class="body_txt">... значение text-align:justify;.

это видимо и заставляет выравнивать по краям картинки (не пойму почему всего 2)

попробуйте его как-нить переопределить. Например добавить в конец style.css

что вроде этого

div.highslide-gallery{
         text-align: center;
}

Ну или верстку страницы поменяйте.