Добрый день!
Возникла (я бы сказал) странная проблема у меня...
Есть такой код:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Магазин «Sprandi» в МЕГА «Белая Дача»</title>
<STYLE>
* { FONT-FAMILY: Verdana, Helvetica, sans-serif, Arial Cyr; color: #656565;}
</STYLE>
<LINK type="text/css" rel="stylesheet" href="../../styles.ivo">
</head>
<body>
<div style="margin: 2px 2px 2px 2px;">
<table cellspacing="0" cellpadding="0" border="0"><tr valign="top">
<td align="center"><h3><a href="http://www.mpire.ru/info.ivo?m=0.1&l=1&s=3">Все объекты</a></h3></td>
<td style="padding-left: 15px;"><h2>Магазин Sprandi, Мега «Белая Дача»</h2></td>
</tr>
<tr valign="top">
<td>
<div class="list" oncontextmenu="return false">
<div>
<a href="javascript:photo(102)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_2.jpg" width="113" height="86" border="0" alt="Фото 2" title="Фото 2" /></a>
</div>
<div>
<a href="javascript:photo(103)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_3.jpg" width="113" height="86" border="0" alt="Фото 3" title="Фото 3" /></a>
</div>
<div>
<a href="javascript:photo(104)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_4.jpg" width="113" height="86" border="0" alt="Фото 4" title="Фото 4" /></a>
</div>
<div>
<a href="javascript:photo(105)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_5.jpg" width="113" height="86" border="0" alt="Фото 5" title="Фото 5" /></a>
</div>
<div>
<a href="javascript:photo(106)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_6.jpg" width="113" height="86" border="0" alt="Фото 6" title="Фото 6" /></a>
</div>
<div>
<a href="javascript:photo(107)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_7.jpg" width="113" height="86" border="0" alt="Фото 7" title="Фото 7" /></a>
</div>
<div>
<a href="javascript:photo(108)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_8.jpg" width="113" height="86" border="0" alt="Фото 8" title="Фото 8" /></a>
</div>
<div>
<a href="javascript:photo(109)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_9.jpg" width="113" height="86" border="0" alt="Фото 9" title="Фото 9" /></a>
</div>
<div>
<a href="javascript:photo(110)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_10.jpg" width="113" height="86" border="0" alt="Фото 10" title="Фото 10" /></a>
</div>
<div>
<a href="javascript:photo(111)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_11.jpg" width="113" height="86" border="0" alt="Фото 11" title="Фото 11" /></a>
</div>
<div>
<a href="javascript:photo(112)"><img src="http://mpire.ru/images/portfolio/spr_bd_small_12.jpg" width="113" height="86" border="0" alt="Фото 12" title="Фото 12" /></a>
</div>
</div>
</td>
<td style="padding-left: 10px" valign="top">
<div class="product" oncontextmenu="return false">
<img src="http://mpire.ru/images/portfolio/spr_bd_big_1.jpg" id="photo" border="0" height="473" alt="Магазин Sprandi, Мега «Белая Дача»" title="Магазин Sprandi, Мега «Белая Дача»" /></a>
</div>
</td>
</tr>
</table>
</div>
<script>
var pics = {'102':{'alt':'Фото 2','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_2.jpg','width':630},
'103':{'alt':'Фото 3','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_3.jpg','width':630},
'104':{'alt':'Фото 4','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_4.jpg','width':630},
'105':{'alt':'Фото 5','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_5.jpg','width':630},
'106':{'alt':'Фото 6','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_6.jpg','width':630},
'107':{'alt':'Фото 7','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_7.jpg','width':630},
'108':{'alt':'Фото 8','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_8.jpg','width':630},
'109':{'alt':'Фото 9','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_9.jpg','width':630},
'110':{'alt':'Фото 10','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_10.jpg','width':630},
'111':{'alt':'Фото 11','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_11.jpg','width':630},
'112':{'alt':'Фото 12','height':473,'src':'http://mpire.ru/images/portfolio/spr_bd_big_12.jpg','width':630}};
var pic = document.getElementById('photo');
function photo ( id ) {
pic.src = pics[id].src;
}
</script>
</body>
И ссылается он на стили в styles.ivo в котором (помимо всего прочего) следующее:
div.product {
float: left;
background: url(/etc/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 5px;
}
div.product img {
display: block;
position: relative;
background-color: #FFFFFF;
border: 1px solid #888888;
margin: -6px 6px 6px -6px;
padding: 4px;
}
div.list {
border: 1px solid #A0A0A0;
background-color: #FFFFFF;
overflow: auto;
height: 492px;
}
div.list img {
border: 1px solid #A0A0A0;
padding: 2px;
margin: 4px 2px 0 2px;
}
div.changing_images
{
position: absolute;
z-index: 1;
float: left;
display: block;
width: 400px;
height: 345px;
margin: 170px 0 0 490px;
padding: 0;
}
Так вот вопрос: В IE - все нормуль, в FF - стили игнорируются напрочь! При этом (что мне и непонятно) если открываю страницу на локале посредством FF - все работает!!!